当前位置：首页 → 问答吧 → 求助：JS修整

求助：JS修整

时间：2010-05-31

来源：互联网

请各位网友们朋友给修改一下，首先我是这么个情况

我现在网页的导航就是普通的导航，没有任何的效果，就是做图片做出来的

是这样：

我现在想把我的这个导航，改成下面代码里的这种样子的，颜色和文字都换成我的！

希望有网友帮忙修改一下，小弟在此感激万分！

谢谢您了！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="http://img.daqianduan.com/ui/favicon.ico" rel="shortcut icon"> <link type="text/css" rel="stylesheet" href="http://www.daqianduan.com/demo/css/common.css" /> <link type="text/css" rel="stylesheet" href="http://www.daqianduan.com/demo/css/sliding.css"/> </head> <body> <script language="javascript"> function sliding(num){ for(var id = 0;id<=3;id++) { if(id==num) { document.getElementById("con"+id).style.display="block"; document.getElementById("nav"+id).className="on"; } else { document.getElementById("con"+id).style.display="none"; document.getElementById("nav"+id).className=""; } } } </script> <div id="menu"> <ul id="nav"> <li><a id="nav0" class="on" href="#" onmouseover="javascript:sliding(0)"><span>Index</span></a></li><li class="line"></li> <li><a id="nav1" href="#" onmouseover="javascript:sliding(1)"><span>HTML/CSS</span></a></li><li class="line"></li> <li><a id="nav2" href="#" onmouseover="javascript:sliding(2)"><span>JavaScript</span></a></li><li class="line"></li> <li class="bgnone"><a id="nav3" href="#" onmouseover="javascript:sliding(3)"><span>SEO</span></a></li> </ul> <ul id="con"> <li id="con0"><a href="#"><span>Index</span></a><a href="#"><span>News</span></a><a href="#"><span>UI Design</span></a></li> <li id="con1"><a href="#"><span>HTML</span></a><a href="#"><span>CSS</span></a></li> <li id="con2"><a href="#"><span>JavaScript</span></a><a href="#"><span>jQuery</span></a><a href="#"><span>Ajax</span></a></li> <li id="con3"><a href="#"><span>SEO</span></a></li> </ul> <div id="menu_l"></div> <div id="menu_r"></div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: long8752100 发布时间: 2010-05-31

求助：JS修整

热门阅读

热门下载