0顶

立体的导航条

稿源：互联网 2022-04-05 12:41:46 点击： 2416 撤稿纠错

导航条的立体效果，可自定义样式增强立体感。

以下讨论的是和立体特效相关的立体的导航条教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<style>
.menulines{
border:2.5px solid #F0F0F0;
}

.menulines a{
text-decoration:none;
color:black;
}
</style>

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%" class="menulines"><font face="Arial" size="2"><a href="http://www.the9.com">第九城市</a> </font></td></tr>
</table>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于立体的导航条的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719182.shtml方便下次再访问哦。

·上一篇： 页面顶端的导航菜单
·下一篇： 很酷的下拉导航条

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

立体的导航条

文章分类LIST >>返回首页

最新游戏

最新新闻