JavaScript實現自動切換圖片代碼
更新時間：2016年10月11日 15:24:33 作者：yangzailu
本文給大家分享一段js代碼實現自動切換圖片的代碼，代碼非常簡單，應用領域非常廣泛，感興趣的朋友一起看看吧
本文給大家分享一段js代碼實現自動切換圖片的實例代碼，代碼如下所示：
<!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; //圖片標記數
var dingshi; //讓圖片動的定時器
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";
}
//鼠標放上圖片停止
function stoptupian(){
window.clearInterval(dingshi);
}
//鼠標離開圖片動起來
function dongqilai(){
dingshi=window.setInterval("tupian()",1000);
}
</script>
</head>
<body>
<img src="yaj_1.jpg" onmouseover="stoptupian()" onmouseout="dongqilai()" id="img1">
</body>
</html>
以上所述是小編給大家介紹的JavaScript實現自動切換圖片代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
正則表達式是一種用來匹配文本模式的工具,這篇文章主要給大家介紹了關于JS如何使用正則表達式(match)截取括號中文字和數字的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
作為一名剛入行的開發(fā)者,你可能會遇到需要在JavaScript中引用JSON文件的情況,下面這篇文章主要給大家介紹了關于JS導入本地json文件數據的三類方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09
javascript里面的"/"運算符跟C++里面的"/"運算符不一樣，后者自動取整，前者若非整除則會得到小數（比如說5/2=2.5）。2010-10-10
這篇文章主要介紹了JavaScript導出Excel的方法,以實例形式詳細分析了javascript將WEB頁面導出為EXCEL文檔的方法及相關的技巧說明,對于深入了解javascript編程原理有一定的借鑒價值,需要的朋友可以參考下2014-11-11
推薦一個封裝好的getElementsByClassName方法
這篇文章主要推薦一個封裝好的getElementsByClassName方法,需要的朋友可以參考下2014-12-12
UTC格式時間想必大家并不陌生，那么怎么可以將其轉換為本地格式呢？其實很簡單，下面的方法會幫助大家實現這一想法2013-09-09
JavaScript事件學習小結(五）js中事件類型之鼠標事件
這篇文章主要介紹了JavaScript事件學習小結(五）js中事件類型之鼠標事件的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
主要的區(qū)別是有返回值，一般sub是用來調用大量的內容的時候用sub，對于需要計算并需要返回值的時候用function，多用function定義函數。2011-01-01
深入淺析JavaScript中對事件的三種監(jiān)聽方式
最近這段時間因為每天要修改網站，為網站做特效，所以看了很多的js接觸事件，自己只會使用一小部分，有時用的時候也比較混亂，現在系統的整理了一下，本篇文章跟大家分享的是JavaScript中對事件的三種監(jiān)聽方式2015-09-09
JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式，采用完全獨立于語言的文本格式，是理想的數據交換格式。同時，JSON是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON數據不須要任何特殊的API或工具包，接下來跟著小編學習js中判斷json的方法吧2015-08-08