当前位置：首页 → 问答吧 → jquery的一个循环问题，请高手帮忙

jquery的一个循环问题，请高手帮忙

时间：2009-05-08

来源：互联网

wenjian.rar (4 K) 下载次数:4

具体想要实现的功能请参考 http://www.jiudian-yuding.com/hotel_info.asp?hotel_id=658

实现功能是鼠标移动小图，然后左侧显示大图！功能是实现了，但是小图第一行是正确的，但是鼠标移动到第二行的时候，左侧大图仍旧显示的是第一行的内容！

循环是错误的！

所以恳请高手指点如何更改！谢谢！

源文件请到本网站下载下载地址 http://www.jiudian-yuding.com/wenjian.rar
或者读取附件

十分感谢高手！

作者: saintwxm 发布时间: 2009-05-08

你每張圖片都要有不同的數字 id 才行
你前面4張的 id 是沒問題的但後面的可能是直接 copy 前面的 html..
所以 id 就跟前面的圖片一樣了..

作者: getcase 发布时间: 2009-05-08

这个应该不难吧?再多图片原理也是一样

<html>
<head>
<title>Author: Gordian Yuan</title>
<script src="scripts/jquery-1.3.2.js"></script>
<script>
jQuery(function($){
    $("ul img").hover(function(){
        $("#show").attr("src", this.src);
    });
});
</script>
</head>
<body>
<div>
    <img id="show"/>
</div>
<hr/>
<ul>
    <li><img src="http://img2.cache.netease.com/cnews/2009/5/8/200905080818472519a.jpg"/></li>
    <li><img src="http://img2.cache.netease.com/cnews/2009/5/8/200905081342504b9aa.jpg"/></li>
    <li><img src="http://img1.cache.netease.com/cnews/2009/5/8/2009050811121345828.jpg"/></li>
</ul>
</body>
<html>

作者: gordianyuan 发布时间: 2009-05-08

jquery的一个循环问题，请高手帮忙

热门阅读

热门下载