溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享的是使用jquery實現多圖輪換的代碼，相信很多人都不太了解，為了讓大家更加了解，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。
jquery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫（或JavaScript框架）。
使用jquery實現多圖輪換的代碼
<script type="text/javascript">
var t;
var speed=2;
var i=0;
function qiehuan(){
var size=$("#all").find("div").length;
$("#all").find("div").hide();
$("#all").find("div").eq(i).show();
i = i+1 == size ?0:i+1;
t=setTimeout("qiehuan()",speed*1000);
}
onload=function(){qiehuan();};
$(document).ready(function(){
$("#all").hover(function(){
clearInterval(t);
});
$("#all").mouseleave(function(){
qiehuan();
});
});
</script>
</head>
<body>
<div id="all" >
<div><img width="300" height="240" src="<%=path %>/p_w_picpaths/1.jpg" alt="1" /></div>
<div><img width="300" height="240" src="<%=path %>/p_w_picpaths/2.gif" alt="2"/></div>
<div><img width="300" height="240" src="<%=path %>/p_w_picpaths/Winter.jpg" alt="3"/></div>
</div>
</body>關于使用jquery實現多圖輪換的代碼就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
