JavaScript實(shí)現(xiàn)自動(dòng)切換圖片代碼

更新時(shí)間：2016年10月11日 15:24:33 作者：yangzailu

本文給大家分享一段js代碼實(shí)現(xiàn)自動(dòng)切換圖片的代碼，代碼非常簡(jiǎn)單，應(yīng)用領(lǐng)域非常廣泛，感興趣的朋友一起看看吧

本文給大家分享一段js代碼實(shí)現(xiàn)自動(dòng)切換圖片的實(shí)例代碼，代碼如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="" />
<style type="text/css"></style>
<script type="text/javascript">
window.onload=init;
var n=1; //圖片標(biāo)記數(shù)
var dingshi; //讓圖片動(dòng)的定時(shí)器
function init(){
dingshi=window.setInterval("tupian()",1000);
}
//更換圖片
function tupian(){
var obj=document.getElementById("img1");
n++;
if(n>=4){
n=1;
}
obj.src="yaj_"+n+".jpg";
}
//鼠標(biāo)放上圖片停止
function stoptupian(){
window.clearInterval(dingshi);
}
//鼠標(biāo)離開(kāi)圖片動(dòng)起來(lái)
function dongqilai(){
dingshi=window.setInterval("tupian()",1000);
}
</script>
</head>
<body>
<img src="yaj_1.jpg" onmouseover="stoptupian()" onmouseout="dongqilai()" id="img1"> 
</body>
</html>

以上所述是小編給大家介紹的JavaScript實(shí)現(xiàn)自動(dòng)切換圖片代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JS如何使用正則表達(dá)式(match)截取括號(hào)中的文字和數(shù)字
正則表達(dá)式是一種用來(lái)匹配文本模式的工具,這篇文章主要給大家介紹了關(guān)于JS如何使用正則表達(dá)式(match)截取括號(hào)中文字和數(shù)字的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-10-10
JS導(dǎo)入本地json文件數(shù)據(jù)的三類(lèi)方法舉例講解
作為一名剛?cè)胄械拈_(kāi)發(fā)者,你可能會(huì)遇到需要在JavaScript中引用JSON文件的情況,下面這篇文章主要給大家介紹了關(guān)于JS導(dǎo)入本地json文件數(shù)據(jù)的三類(lèi)方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-09-09
javascript中"/"運(yùn)算符常見(jiàn)錯(cuò)誤
　javascript里面的"/"運(yùn)算符跟C++里面的"/"運(yùn)算符不一樣，后者自動(dòng)取整，前者若非整除則會(huì)得到小數(shù)（比如說(shuō)5/2=2.5）。
2010-10-10
JavaScript導(dǎo)出Excel實(shí)例詳解
這篇文章主要介紹了JavaScript導(dǎo)出Excel的方法,以實(shí)例形式詳細(xì)分析了javascript將WEB頁(yè)面導(dǎo)出為EXCEL文檔的方法及相關(guān)的技巧說(shuō)明,對(duì)于深入了解javascript編程原理有一定的借鑒價(jià)值,需要的朋友可以參考下
2014-11-11
推薦一個(gè)封裝好的getElementsByClassName方法
這篇文章主要推薦一個(gè)封裝好的getElementsByClassName方法,需要的朋友可以參考下
2014-12-12
JS如何將UTC格式時(shí)間轉(zhuǎn)本地格式
UTC格式時(shí)間想必大家并不陌生，那么怎么可以將其轉(zhuǎn)換為本地格式呢？其實(shí)很簡(jiǎn)單，下面的方法會(huì)幫助大家實(shí)現(xiàn)這一想法
2013-09-09
JavaScript事件學(xué)習(xí)小結(jié)(五）js中事件類(lèi)型之鼠標(biāo)事件
這篇文章主要介紹了JavaScript事件學(xué)習(xí)小結(jié)(五）js中事件類(lèi)型之鼠標(biāo)事件的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
ASP中Sub和Function的區(qū)別說(shuō)明
主要的區(qū)別是有返回值，一般sub是用來(lái)調(diào)用大量的內(nèi)容的時(shí)候用sub，對(duì)于需要計(jì)算并需要返回值的時(shí)候用function，多用function定義函數(shù)。
2011-01-01
深入淺析JavaScript中對(duì)事件的三種監(jiān)聽(tīng)方式
最近這段時(shí)間因?yàn)槊刻煲薷木W(wǎng)站，為網(wǎng)站做特效，所以看了很多的js接觸事件，自己只會(huì)使用一小部分，有時(shí)用的時(shí)候也比較混亂，現(xiàn)在系統(tǒng)的整理了一下，本篇文章跟大家分享的是JavaScript中對(duì)事件的三種監(jiān)聽(tīng)方式
2015-09-09
javascript中判斷json的方法總結(jié)
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式，采用完全獨(dú)立于語(yǔ)言的文本格式，是理想的數(shù)據(jù)交換格式。同時(shí)，JSON是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的API或工具包，接下來(lái)跟著小編學(xué)習(xí)js中判斷json的方法吧
2015-08-08