<html>

<title>js圖片和鏈接文字同步切換特效</title>

<head>

<script language=JavaScript>

var imgUrl=new Array();

var imgLink=new Array();

var imgTz=new Array();

var adNum=0;

imgUrl[1]="/images/m01.jpg";

imgLink[1]="http://www.dbjr.com.cn";

imgTz[1]="<a href=#><font color=white>文字鏈接內(nèi)容一 紅葉傳情</font></a>";

imgUrl[2]="/images/m02.jpg";

imgLink[2]="http://www.dbjr.com.cn";

imgTz[2]="<a href=#><font color=white>文字鏈接內(nèi)容二 野花綻放</font></a>";

imgUrl[3]="/images/m03.jpg";

imgLink[3]="http://www.dbjr.com.cn";

imgTz[3]="<a href=#><font color=white>文字鏈接內(nèi)容三 往事如茶</font></a>";

var j=0;

for (i=1;i<=3;i++) {

if( (imgUrl[i]!="") && (imgLink[i]!="") ) {

j++;

} else {

break;

}

}

function playTran(){

if (document.all)

imgInit.filters.revealTrans.play();

}

var key=0;

function nextAd(){

if(adNum<j)adNum++ ;

else adNum=1;

if( key==0 ){

key=1;

} else if (document.all){

imgInit.filters.revealTrans.Transition=6;

imgInit.filters.revealTrans.apply();

playTran();

}

document.images.imgInit.src=imgUrl[adNum];

document.getElementById('jdtz').innerHTML=imgTz[adNum];

theTimer=setTimeout("nextAd()", 3000);

}

function goUrl(){

jumpUrl=imgLink[adNum];

jumpTarget='_blank';

if (jumpUrl != ''){

if (jumpTarget != '')

window.open(jumpUrl,jumpTarget);

else

location.href=jumpUrl;

}

}

</script>

</head>

<body>

<table><tr><td>  <a href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=2,transition=20); border=0" src="javascript:nextAd()"  width=320 height=240 border=0  name=imgInit></a> </td></tr><tr><td id=jdtz  bgcolor="blue"></td></tr></table>

</body>

</html>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

layui 點(diǎn)擊重置按鈕, select 并沒有被重置的解決方法
今天小編就為大家分享一篇layui 點(diǎn)擊重置按鈕, select 并沒有被重置的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
11行JS代碼制作二維碼生成功能
本篇文章給大家分享了用11行簡單的JS代碼制作出二維碼生成的簡單功能，有興趣的朋友參考下。
2018-03-03
完美解決mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動的問題
下面小編就為大家分享一篇完美解決mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
在JavaScript中構(gòu)建ArrayList示例代碼
這篇文章主要介紹了在JavaScript中構(gòu)建ArrayList，很實(shí)用,需要的朋友可以參考下
2014-09-09
JavaScript使用canvas實(shí)現(xiàn)錨點(diǎn)摳圖功能
在日常的圖片處理中,我們經(jīng)常會遇到需要摳圖的情況,無論是為了美化照片、制作海報,還是進(jìn)行圖片合成,摳圖對于我們來說也是一種很常用的功能了,今天就讓我們一起來看下怎么使用canvas來實(shí)現(xiàn)一個錨點(diǎn)摳圖功能
2024-03-03
小程序如何支持使用 async/await詳解
這篇文章主要介紹了小程序如何支持使用 async/await詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-09-09
實(shí)例分析Array.from(arr)與[...arr]到底有何不同
這篇文章通過實(shí)例主要給大家分析介紹了關(guān)于Array.from(arr)與[...arr]到底有何不同的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
使用post方法實(shí)現(xiàn)json往返傳輸數(shù)據(jù)的方法
今天小編就為大家分享一篇關(guān)于使用post方法實(shí)現(xiàn)json往返傳輸數(shù)據(jù)的方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-03-03
JS刪除對象中某一屬性案例詳解
這篇文章主要介紹了JS刪除對象中某一屬性案例詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-09-09
JavaScript基礎(chǔ)之AJAX簡單的小demo
這篇文章主要介紹了JavaScript基礎(chǔ)之AJAX簡單的小demo ，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下
2017-01-01