Jquery菜单和按钮选择
我正在尝试使用jquery构建一个顶级导航。当选择链接按钮/菜单时，按钮应亮起，并显示所选项目及其转到所选页面的时间 无论如何都有办法做到这一点。我有这个脚本它有点工作，但不完全Jquery菜单和按钮选择,jquery,Jquery,我正在尝试使用jquery构建一个顶级导航。当选择链接按钮/菜单时，按钮应亮起，并显示所选项目及其转到所选页面的时间 无论如何都有办法做到这一点。我有这个脚本它有点工作，但不完全 <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function(){
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#hdcnav ul li a').click(function() {
$('#hdcnav ul').find('img').each(function(){
var imgsrc = $(this).attr('src');
if(imgsrc.indexOf('selected')>=0){$(this).attr('src',imgsrc.split('-')[0]+".gif");}
});
$(this).find('img').attr('src',$(this).find('img').attr('src').split('.')[0]+"-selected.gif");
});
});
</script>
</head>
<body>
<div id="nav">
<ul>
<li><a href="page1.html"><img src="images2.gif" alt="home" /></a></li>
<li><a href="page2.html"><img src="images3.gif" alt="" /></a></li>
<li><a href="page3.html"><img src="images4.gif" alt="" /></a></li>
<li><a href="#"><img src="images4.gif" alt="" /></a></li>
<li><a href="#"><img src="images5.gif" alt="" /></a></li>
<li><a href="#"><img src="images6.gif" alt="" /></a></li>
</ul>
</div>
$（文档）.ready（函数（）{
$（'hdcnav ul li a'）。单击（函数（）{
$（'hdcnav ul'）。查找（'img'）。每个（函数（）{
var imgsrc=$（this.attr（'src'）；
如果（imgsrc.indexOf（'selected'）>=0）{$（this.attr（'src'，imgsrc.split（'-'））[0]+.gif”）；}
});
$（this.find（'img'）.attr（'src'），$（this.find（'img'）.attr（'src'）.split（'0]+“-selected.gif”）；
});
});