欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)離開圖片動(dòng)起來
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ì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • JS獲取iframe中l(wèi)ongdesc屬性的方法

    JS獲取iframe中l(wèi)ongdesc屬性的方法

    這篇文章主要介紹了JS獲取iframe中l(wèi)ongdesc屬性的方法,實(shí)例分析了longdesc屬性的功能及相關(guān)的獲取技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-04-04
  • 詳解js location.href和window.open的幾種用法和區(qū)別

    詳解js location.href和window.open的幾種用法和區(qū)別

    這篇文章主要介紹了詳解js location.href和window.open的幾種用法和區(qū)別,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-12-12
  • JavaScript比較當(dāng)前時(shí)間是否在指定時(shí)間段內(nèi)的方法

    JavaScript比較當(dāng)前時(shí)間是否在指定時(shí)間段內(nèi)的方法

    這篇文章主要介紹了JavaScript比較當(dāng)前時(shí)間是否在指定時(shí)間段內(nèi)的方法,涉及javascript時(shí)間與字符串的轉(zhuǎn)換及比較操作相關(guān)技巧,需要的朋友可以參考下
    2016-08-08
  • JavaScript正則表達(dá)式實(shí)例詳解

    JavaScript正則表達(dá)式實(shí)例詳解

    在編寫處理字符串的程序或網(wǎng)頁時(shí),經(jīng)常會(huì)有查找符合某些復(fù)雜規(guī)則的字符串的需要。正則表達(dá)式就是用于描述這些規(guī)則的工具。換句話說,正則表達(dá)式就是記錄文本規(guī)則的代碼。
    2016-10-10
  • JS的replace方法

    JS的replace方法

    在javascript中,String的函數(shù)replace()簡(jiǎn)直太讓人喜愛了。它靈活而強(qiáng)大的字符替換處理能力,這里簡(jiǎn)單介紹下,方便需要的朋友
    2013-12-12
  • vue3+Pinia+TypeScript?實(shí)現(xiàn)封裝輪播圖組件

    vue3+Pinia+TypeScript?實(shí)現(xiàn)封裝輪播圖組件

    這篇文章主要介紹了vue3+Pinia+TypeScript?實(shí)現(xiàn)封裝輪播圖組件,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的朋友可以參考一下
    2022-07-07
  • layui點(diǎn)擊按鈕添加可編輯的一行方法

    layui點(diǎn)擊按鈕添加可編輯的一行方法

    今天小編就為大家分享一篇layui點(diǎn)擊按鈕添加可編輯的一行方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • 深入淺析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性

    深入淺析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性

    這篇文章主要介紹了JavaScript字符串操作方法 slice、substr、substring及其IE兼容性 的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • 微信小程序input抖動(dòng)問題的修復(fù)方法

    微信小程序input抖動(dòng)問題的修復(fù)方法

    這篇文章主要給大家介紹了關(guān)于微信小程序input抖動(dòng)問題的修復(fù)方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • JavaScript獲得url查詢參數(shù)的方法

    JavaScript獲得url查詢參數(shù)的方法

    這篇文章主要介紹了JavaScript獲得url查詢參數(shù)的方法,可實(shí)現(xiàn)針對(duì)URL中參數(shù)分析的功能,需要的朋友可以參考下
    2015-07-07

最新評(píng)論