欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

js:导航条图片切换有关问题

更新时间: 2014-01-05 01:51:59 责任编辑: Author_N1

 

JS:导航条图片切换问题
html页面

<script type="text/javascript" src="../common/js/jquery.js"></script>
<script type="text/javascript" src="../common/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../common/js/common.js"></script>
<body class="nav1">
<div id="nav">
<ul class="over">
<li id="nav1"><a href="../function/index.php"><img src="../common/images/nav01_off.gif" width="92" height="75" alt="功能 Function" /></a></li>
<li id="nav2"><a href="../feature/index.php"><img src="../common/images/nav02_off.gif" width="90" height="75" alt="特征 Feature" /></a></li>
<li id="nav3"><a href="../casestudy/index.php"><img src="../common/images/nav03_off.gif" width="150" height="75" alt="导入实例 Track record" /></a></li>
<li id="nav4"><a href="../price/index.php"><img src="../common/images/nav04_off.gif" width="90" height="75" alt="价格 Price" /></a></li>
<li id="nav5"><a href="../introduct/index.php"><img src="../common/images/nav05_off.gif" width="134" height="75" alt="关于导入 Introduction" /></a></li>
<li id="nav6"><a href="../qanda/index.php"><img src="../common/images/nav06_off.gif" width="90" height="75" alt="Q&A" /></a></li>
</ul>
</div>
</body>

js代码

$(function(){
if( $('body:eq(0)').attr('class').match(/(nav\d)/) ){
$('li#'+RegExp.$1).find('img').attr('src', function(){return this.src.replace('_off','_on')});
}
}


我想通过jquery实现点击导航图片后,切换到点击后的图片。
原来的html可以实现,在我把header,导航条,footer改成独立的文件后,
通过php require_once后,只有第一个始终是on的图片。
以为是class="nav1"的原因,可改成class="nav_top"后,之后的js也不执行了。
不知是何原因。


--参考方法--
你include进来后路径是相对这个页面的上一级目录中加载js,如果目录很深路径就出错了

使用绝对路径,从根目录下开始,这样就不用考虑目录所处路径了,链接的也要注意修改

<script type="text/javascript" src="/common/js/jquery.js"></script>
<script type="text/javascript" src="/common/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/common/js/common.js"></script>
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:51:59
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2227/
本文WWW.DOC100.NET DOC100.NET版权所有。