利用滑鼠移入移出或者點擊的方式來動態變更網頁上面某個 img 元素的 src 來源!
程式碼中引入的 jquery-1.4.2.min.js 檔案可以到這邊下載
$(document).ready(function(){ $("#my_image").bind("mouseenter", function(){ var src = ( $(this).attr("src") === "2.jpg" ) ? "1.jpg" : "2.jpg"; $("#my_image").attr("src", src); }); });
參考網頁:
http://docs.jquery.com/Events/bind#typedatafn
http://stackoverflow.com/questions/554273/changing-the-img-src-using-jquery