本文目录一览：
如何用JS实现 网站导航的切换
1.首先将以下代码插入到你body需要设置导航的地方
div id=”navmenu”
ul id=”navi”
lia href=”index.htm” _fcksavedurl=”index.htm”梧桐首页
/a/li
lia href=”index1.htm” _fcksavedurl=”index1.htm”网站优化
/a/li
/ul
/div
script type=”text/javascript” language=”javascript”
var nav = document.getElementById(“navi”);
var links = nav.getElementsByTagName(“li”);
var lilen = nav.getElementsByTagName(“a”); //判断地址
var currenturl = document.location.href;
var last = 0;
for (var i=0;ilinks.length;i++)
{
var linkurl = lilen[i].getAttribute(“href”);
if(currenturl.indexOf(linkurl)!=-1)
{
last = i;
}
}
links[last].className = “navon”; //高亮代码样式
/script
2.然后将以下CSS代码添加到你网站的CSS文件中
#navmenu{ width:980px;}
#navmenu ul{ padding:0px; margin:0px;}
#navmenu ul li{ float:left; width:80px; list-style:none;
text-align:center; height:30px; line-height:30px;}
.navon{ background:#000000;} .navon a{ color:#ffffff;}
看下这个吧，JS跟简单。但是没有JS，更没有DW，写不了。
如何用JS做固定在网页中的导航条
使元素固定在网页中，不需要用到JS的，只需要用到CSS样式就可以了。
使用css 中的 position:fixed; fixed是相对于浏览器的定位，设置了这个样式的元素将不会随页面滚动而改变位置，固定在屏幕中。
如 ：
.classname {
position:fixed;
left:0;
top:0;
z-index:9999;
}
如何用JS或CSS制作网站导航条
下载硕思网页菜单，有中文破解版得，全图文傻瓜操作，自动生成js代码，你只要把代码放入网页中就行了
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/239899.html
微信扫一扫 
支付宝扫一扫 