Contoh dalam artikel ini menerangkan cara jquery melaksanakan kaedah memaparkan imej besar apabila tetikus meluncur ke atas imej kecil. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: <br> li{list-style:none;float:left;margin-left:10px;}<br> <br> var data = {<br> "images/11_s.jpg":["images/11_b.jpg","美人1"],<br> "images/22_s.jpg":["images/22_b.jpg","美人2"],<br> "images/33_s.jpg":["images/33_b.jpg","美人3"],<br> "images/44_s.jpg":["images/44_b.jpg","美人4"]<br> };<br> $(fungsi(){<br> $.setiap(data,fungsi(kunci,nilai){<br> //Memulakan div terakhir untuk disembunyikan <br> $("div").last().hide();<br> //Buat nod graf kecil<br> var smallPath = $("<img src='" key "' />").css({"margin":"5px","padding":"2px","border":"1px solid #000 "});<br> //Tetapkan alamat dan nama imej besar<br> bigImgPath = smallPath.attr("bigMapPath",nilai[0]);<br> bigImgName = smallPath.attr("bigMapName",nilai[1]); <p> $("div").first().append(smallPath);</p> <p> //Tambah acara pada lakaran kecil<br> smallPath.mouseover(function(){<br> //Kesan fade-in div terakhir<br> $("div").last().fadeIn("fast");<br> //Dapatkan alamat gambar besar<br> $("#show").attr("src",$(this).attr("bigMapPath"));<br> //Dapatkan nama imej besar dan tetapkan gaya <br> $("#imgTitle").text($(this).attr("bigMapName")).css({"background":"#ebf1de","padding":"10px","margin-bottom":" 10px"});<br> });<br> smallPath.mouseout(function(){<br> $("div").last().fadeOut("fast");<br> });<br> });<br> });<br> </skrip><br> <badan><br> <div></div><br> <div><br> <img id="show" src="" /><br> </div><br> </body><br> </html></p> </div> <p>Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang. </p>