 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var t; 
var speed = 2;//圖片切換速度 
var nowlan=0;//圖片開始時(shí)間 
function changepic() { 
var imglen = $("div[name='pic']").find("div").length; 
$("div[name='pic']").find("div").hide(); 
$("div[name='pic']").find("div").eq(nowlan).show(); 
nowlan = nowlan+1 ==imglen ?0:nowlan + 1; 
t = setTimeout("changepic()", speed * 1000); 
} 
onload = function () { changepic(); } 
$(document).ready(function () { 
//鼠標(biāo)在圖片上懸停讓切換暫停 
$("div[name='pic']").hover(function () { clearInterval(t); }); 
//鼠標(biāo)離開圖片切換繼續(xù) 
$("div[name='pic']").mouseleave(function () { changepic(); }); 
}); 
</script> 
</head> 
<body> 
<div name="pic" style="float:left; position:relative;overflow:hidden;width:300px;height:240px;" > 
<div><img width="300" height="240" src="Chrysanthemum.jpg" alt="1"/></div> 
<div><img width="300" height="240" src="Desert.jpg" alt="2"/></div> 
<div><img width="300" height="240" src="Hydrangeas.jpg" alt="3"/></div> 
</div> 
</body> 
</html> 

您可能感興趣的文章:

圖片切換

相關(guān)文章

基于jquery實(shí)現(xiàn)放大鏡效果
大家在逛淘寶的時(shí)候，把鼠標(biāo)放在寶貝上就會(huì)放大，奇怪這種效果怎么實(shí)現(xiàn)的，下面小編就給大家分享基于jquery實(shí)現(xiàn)放大鏡效果，有需要的朋友可以參考下
2015-08-08
使用jQuery不判斷瀏覽器高度解決iframe自適應(yīng)高度問題
這篇文章主要介紹了使用jQuery不判斷瀏覽器高度解決iframe自適應(yīng)高度問題,需要的朋友可以參考下
2014-12-12
jQuery 絕對(duì)入門
對(duì)于想學(xué)習(xí)jquery 的朋友可以看下這樣的入門級(jí)文章。
2009-04-04
jquery實(shí)現(xiàn)的回旋滾動(dòng)效果完整實(shí)例【附demo源碼下載】
這篇文章主要介紹了jquery實(shí)現(xiàn)的回旋滾動(dòng)效果,可實(shí)現(xiàn)點(diǎn)擊后側(cè)圖片呈現(xiàn)立體翻轉(zhuǎn)切換的功能,涉及jQuery插件roundabout.js的使用,并附帶了完整實(shí)例demo源碼供讀者下載參考,需要的朋友可以參考下
2016-09-09
jQuery自定義圖片上傳插件實(shí)例代碼
這篇文章給大家介紹了jquery自定義圖片上傳插件的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友一起看看吧
2017-04-04
jquery 學(xué)習(xí)之二屬性(類)
jquery 學(xué)習(xí)之二屬性(類),需要的朋友可以參考下。
2010-11-11
基于jQuery實(shí)現(xiàn)復(fù)選框的全選全不選反選功能
本文分享一段基于jQuery實(shí)現(xiàn)的復(fù)選框全選、全不選、反選功能的代碼，有需要的小伙伴直接帶走吧
2014-11-11
jQuery中$.click()無效問題分析
這篇文章主要介紹了jQuery中 $("a").click()無效問題分析,需要的朋友可以參考下
2015-01-01
jQuery中的.bind()、.live()和.delegate()之間區(qū)別分析
jQuery中的.bind()、.live()和.delegate()之間區(qū)別分析，學(xué)習(xí)jquery的朋友可以參考下。
2011-06-06
Jquery倒數(shù)計(jì)時(shí)按鈕setTimeout的實(shí)例代碼
這篇文章介紹了Jquery倒數(shù)計(jì)時(shí)按鈕setTimeout的實(shí)例，有需要的朋友可以參考一下
2013-07-07