 | 项目搜索 |
|
| |
|
|
代码片段库:
查看代码片段
浏览
| 提交新的代码片段
| 创建代码包
立体的导航条
|
类型:
Full Script |
类别:
HTML Manipulation
|
许可证:
GNU General Public License |
语言:
JavaScript
|
描述:
鼠标放到文字链接上出现很强的立体感，既实用又酷 来源：http://www.baron.com.cn
|
该代码片段的版本系列:
| 片段ID |
下载版本 |
提交时间 |
提交人 |
删除 |
| 4822 | 1.0 | 2003-10-25 17:28 | cbd001 |  |
点击"下载版本"来下载该代码片段.
最新版本的代码片段: 1.0
脚本说明:
把如下代码加入<body>区域中
<style>
.menulines{
border:2.5px solid #F0F0F0;
}
.menulines a{
text-decoration:none;
color:black;
}
</style>
<script language="JavaScript1.2">
function over_effect(e,state){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
source4.style.borderStyle=state
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
source4.style.borderStyle=state
}
}
}
</script>
<table border="0" width="100" cellspacing="0" cellpadding="0" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0">
<tr><td width="100%" bgcolor="#E6E6E6"><font face="Arial" size="3"><b>菜单</b></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.163.com">网易</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.sohu.com">搜狐</a> </font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.sina.com.cn">新浪网</a> </font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.cctv.com">央视国际</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.the9.com">第九城市</a> </font></td></tr>
</table>
如果您修改了一个代码片段并且觉得很应该让别人共享,您可以把这作为这个代码片段的最新版本提交上来. |
|
