<div id="div_img">
<div class="" style="display: none" id='img3'>
<img alt="线路图" src='files/gp=0.jpg' />
<img alt="时间表" src='files/sjb3.jpg' />
</div>
<div class="" style="display: none" id='img2'>
<img alt="线路图" src='files/u==0.jpg' />
<img alt="时间表" src='files/sjb2.jpg' />
</div>
<div class="" style="display: none" id='img1'>
<img alt="线路图" src='files/u=.jpg' />
<img alt="时间表" src='files/sjb.jpg' />
</div>
</div>
<ul class="lines_list" id="a_link">
<li><a href="#" id='img3' onclick="a_click(this)">
华山3线</a></li>
<li><a href="#" id='img2' onclick="a_click(this)">
华山2线</a></li>
<li><a href="#" id='img1' onclick="a_click(this)">
华山1线</a></li>
</ul>
function a_click(a_one) {
var $items = $("#a_link a");
var items = $items.get()
for (j = 0; j < items.length; j++) { if (items[j].innerHTML != a_one.innerHTML) {
items[j].parentNode.style.display = "";
}
else {
items[j].parentNode.style.display = "none";
images(a_one.id);
} }
}
function images(imgone) {
var items = div_img.childNodes;
alert(items.length);
for (i = 0; i < items.length; i++) {
if (items.item(i).id == imgone) {
items.item(i).style.display = "";
}
else {
items.item(i).style.display = "none";
} } }
要实现的效果是点击链接,该链接隐藏,和该链接id号相等的div显示,div中的图片显示出来,再点击其他的链接,当前点击的链接隐藏,对应的div中的图片显示,先前隐藏的链接显示,图片隐藏。上面的js在ie中没有问题,在火狐中不起作用,大家看看,是什么问题
解决方案 »
- 如何取到GridView的DataField的名称?
- 【反射的问题】
- 如果提高网站加载图片的速度
- formview 点 insert插入 时提示 ORA-01036,急
- 请教关于RegularExpressionValidator
- 如何在在.cs文件里访问html控件?
- 一个ASP.NET新手的一个份简单的代码的问题,大家支持一下啊
- 求c#操作owc中Spreadsheet的例子或相关资料???
- 菜鸟(7):请问各位大侠,如何实现自增加的(1到无穷大)的计算字段呢?我想用此方法在datagrid里面实现增加序号一栏
- 请问 GridView 根据bool设定button背影颜色
- jquery的时间UI出问题了貌似是ajax控件导致的
- 关于url重写的问题
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#a_link a").click(function(){
var index = $("#a_link a").index($(this))
$(this).parent().css("display","none");
$(this).parent().siblings().css("display","block");
$("#div_img div").eq(index).css("display","block");
$("#div_img div").not($("#div_img div").eq(index)).css("display","none");
})
}) </script></head>
<body>
<form id="form1" runat="server">
<div id="div_img">
<div class="" style="display: none" id='img3'>
<img alt="线路图3" src='files/gp=0.jpg' />
<img alt="时间表3" src='files/sjb3.jpg' />
</div>
<div class="" style="display: none" id='img2'>
<img alt="线路图2" src='files/u==0.jpg' />
<img alt="时间表2" src='files/sjb2.jpg' />
</div>
<div class="" style="display: none" id='img1'>
<img alt="线路图1" src='files/u=.jpg' />
<img alt="时间表1" src='files/sjb.jpg' />
</div>
</div>
<ul class="lines_list" id="a_link">
<li><a href="#" id='img3'>华山3线</a></li>
<li><a href="#" id='img2'>华山2线</a></li>
<li><a href="#" id='img1'>华山1线</a></li>
</ul>
</form>
</body>
</html>
$("#a_link a").click(function(){
var index = $("#a_link a").index($(this))
$(this).parent().hide();
$(this).parent().siblings().show();
$("#div_img div").eq(index).show();
$("#div_img div").not($("#div_img div").eq(index)).hide();
})
})