新浪导航条代码（导航条网页代码）[20240430更新]

今天给各位分享新浪导航条代码的知识，其中也会对导航条网页代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、求sina这样的鼠标感应或者点击切换页面的代码
• 2、新浪微博导航怎么设置
• 3、怎样制作模仿新浪导航页面?css制作。

求sina这样的鼠标感应或者点击切换页面的代码

1 把如下代码复制到head与/head之间

style type="text/css"

!--

.ww1 {width:500px;background-color:#D1E7FC;border-top:1px solid #9EC9EC;border-left:1px solid #9EC9EC;}

.ww1 td {border-right:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;height:28px;text-align:center;width:125px;font-size:12px;cursor:hand;}

.ww1 td.s {border-bottom:1px solid #FFFFFF;font-weight:bold;background-color:#FFFFFF;}

.ww2 {width:500px;border-right:1px solid #9EC9EC;border-top:none;border-left:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;font-size:12px;}

.ww2 a:link {color:#00007f;text-decoration:none;}

.ww2 a:visited {color:#800080;text-decoration:none;}

.ww2 a:hover {color:#00007f;text-decoration:underline;}

.ww2 a:active {color:#00007f;text-decoration:underline;}

.dis {display:block}

.undis {display:none}

--

/style

script

function getNames(obj,name,tij)

{

var p = document.getElementById(obj);

var plist = p.getElementsByTagName(tij);

var rlist = new Array();

for(i=0;iplist.length;i++)

{

if(plist[i].getAttribute("name") == name)

{

rlist[rlist.length] = plist[i];

}

}

return rlist;

}

function butong_net(obj,name)

{

var p = obj.parentNode.getElementsByTagName("td");

var p1 = getNames(name,"f","div");

for(i=0;ip1.length;i++)

{

if(obj==p[i])

{

p[i].className = "s";

p1[i].className = "dis";

}

else

{

p[i].className = "";

p1[i].className = "undis";

}

}

}

/script

2 把如下代码复制到body与/body之间

table border="0" cellpadding="0" cellspacing="0" class="ww1"

tr

td class="s" onmouseover="butong_net(this,'butong_net1')"网页特效集锦/td

td onmouseover="butong_net(this,'butong_net1')"网页工具库1/td

td onmouseover="butong_net(this,'butong_net1')"网页工具库2/td

td onmouseover="butong_net(this,'butong_net1')"网页工具库3/td

/tr

/table

table border="0" cellpadding="0" cellspacing="0" class="ww2"

tr

td height="60" align="center"

div id=butong_net1

div class=dis name="f"

a href="" target="_blank"背景按钮特效/a a href="" target="_blank"导航菜单特效/a a href="" target="_blank"网页图片特效/a a href="" target="_blank"网页文本特效/a a href="" target="_blank"另类网页特效/a

/div

div class=undis name="f"

a href="" target="_blank"在线html编辑器/a a href="" target="_blank"在线CSS编辑器/a a href="" target="_blank"网页颜色选择器/a a href="" target="_blank"滚动条颜色生成器/a

/div

div class=undis name="f"

a href="" target="_blank"弹出窗口生成器/a a href="" target="_blank"页面过渡效果生成器/a a href="" target="_blank"网页加密解密工具/a

/div

div class=undis name="f"

a href="" target="_blank"文本繁简体转换工具/a a href="" target="_blank"汉字转换成拼音工具/a a href="" target="_blank"文字加密解密工具/a

/div

/div

/td

/tr

/table

以上应该是你想要的那种效果，更多效果参见下面网址。

新浪微博导航怎么设置

这个应该是企业用户的定制版，个人版据我所知没有这个功能。

怎样制作模仿新浪导航页面?css制作。

你可以在火狐浏览器下打开新浪导航页面，然后用firebug查看新浪是怎么设计的，很方便的

新浪导航条代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于导航条网页代码、新浪导航条代码的信息别忘了在本站进行查找喔。