<script type="text/javascript" language="javascript">
$(function () {
$(".ab2_5 > ul > div > li > div >img ").each(function (i, n) {
$(n).attr("onmouseover", "fnSetImgsrc1('" + $(n).attr("dimg") + "')");
});
}); function fnSetImgsrc1(srcstr) {
$("#imgmain").attr("src", srcstr);
}
</script>
代码:<div class="ab2_2">
<div class="ab2_3">
<div class="hidden">
<img style="width: 560px; height: 310px;" src='<%=firstimg%>' id="imgmain" />
</div>
</div>
<div class="ab2_4">
<div class="ab2_5" id="move" style="overflow:hidden">
<ul>
<div id="seconde" style="width: 500px; height:2000px">
<asp:Repeater ID="Repsmalimg" runat="server">
<ItemTemplate>
<li>
<div class="ab2_6">
<a href='<%#Eval("imagepath") %>' rel="lightbox[roadtrip]"> <img style="width: 110px; height: 60px;" src='<%#Eval("imagepath") %>' dimg="<%#Eval("imagepath") %>"/></a>
</div>
</li>
</ItemTemplate>
</asp:Repeater>
</div>
<div id="demo2"></div>
</ul>
</div>
<div class="ab2_7">
<div class="ab2_8" style="cursor: pointer" onclick="left()">
<img src="images/chanpin_06.jpg" /></div>
<div class="ab2_9" style="cursor: pointer" onclick="right()">
<img src="images/chanpin_08.jpg" /></div>
</div>
</div>
</div>在ie7中不能用求大神帮忙,春节快乐
$(function () {
$(".ab2_5 > ul > div > li > div > a > img ").each(function (i, n) {
$(n).mouseover(function(){
fnSetImgsrc1($(this).attr('dimg'));
});;
});
});
function fnSetImgsrc1(srcstr) {
$("#imgmain").attr("src", srcstr);
}
你把我那些代码拷过去试下,我改了好几个地方,下面是其中一个
$(".ab2_5 > ul > div > li > div >img ")
$(".ab2_5 > ul > div > li > div > a > img ")
.ab2_5 > ul > div > li > div > a > img级联这么长,js寻找性能很低的,建议直接在img或a上写一class,直接用class来寻找,会快一点。
分享两个链接:
15个值得开发人员关注的jQuery开发技巧和心得
jQuery性能优化指南