首页 > html_css > 正文

导航效果_大前端
2015-08-02 13:33:45   来源:   评论:0 点击:

html<div <ul><li><a href=& 8221; & 8221; name=& 8221;topurl& 8221;>首页< a>< li><li><a href=& 8221; & 8221; name=& 8221

html

<div <ul>

<li><a href=”#” name=”topurl”>首页</a></li>

<li><a href=”#” name=”topurl”>手机</a></li>

<li><a href=”#” name=”topurl”>女人</a></li>

<li><a href=”#” name=”topurl”>数码家电</a></li>

<li><a href=”#” name=”topurl”>居家</a></li>

<li><a href=”#” name=”topurl”>读书</a></li>

</ul>

<script language=”javascript”>

function showmenu(){

var url = document.URL;

var urls = document.getElementsByName(“topurl”);

for(var i=0;i<urls.length;i++){

if(urls[i] == url){

urls[i].parentNode.className = ‘navselect';

return;

}

}

urls[0].parentNode.className = ‘navselect';

}

showmenu();

</script>

</div>

css

.navdefault{float:left;text-align:center;color:#fff;letter-spacing:1px;font-size:12px;}

.navselect {float:left;text-align:center;font-weight:bolder;color:#FFF;background:url(../images/head01/head_17.gif) no-repeat bottom;font-size:14px;}

转载请注明出处大前端 » 导航效果

相关热词搜索:

上一篇:导航效果_大前端
下一篇:CSS网页布局常见问题小结_大前端

分享到: 收藏
评论排行