이 기사에서는 이미지 및 링크 텍스트에서 JS의 동기 스위칭 효과를 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<title> js 그림 및 링크 텍스트 동기 스위칭 효과 </title>
<헤드>
<스크립트 언어 = javaScript>
var imgurl = new Array ();
var imglink = 새로운 배열 ();
var imgtz = new Array ();
var adnum = 0;
imgurl [1] = "/images/m01.jpg";
imglink [1] = "// www.vevb.com";
imgtz [1] = "<a href =#> <font color = white> 빨간 잎이있는 텍스트 링크 내용 </font> </a>";
imgurl [2] = "/images/m02.jpg";
imglink [2] = "// www.vevb.com";
imgtz [2] = "<a href =#> <font color = white> 텍스트 링크 내용 : 두 번째 야생 꽃 bloom </font> </a>";
imgurl [3] = "/images/m03.jpg";
imglink [3] = "// www.vevb.com";
imgtz [3] = "<a href =#> <font color = white> 텍스트 링크 내용 세 가지 과거 이벤트는 차와 같습니다 </font> </a>";
var j = 0;
for (i = 1; i <= 3; i ++) {
if ((imgurl [i]! = "") && (imglink [i]! = "")) {
J ++;
} 또 다른 {
부서지다;
}
}
함수 playtran () {
if (document.all)
imginit.filters.revealtrans.play ();
}
var key = 0;
기능 nextad () {
if (adnum <j) adnum ++;
else adnum = 1;
if (key == 0) {
키 = 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);
}
기능 Gourl () {
jumpurl = imglink [adnum];
jumptarget = '_ blank';
if (jumpurl! = '') {
if (jumptarget! = '')
Window.open (Jumpurl, JumptArget);
또 다른
location.href = jumpurl;
}
}
</스크립트>
</head>
<body>
<table> <tr> <td> <a href = "javaScript : gourl ()"> <img style = "필터 : 공개 트랜스 (duration = 2, trownition = 20); border = 0"src = "javaScript : nextAd ()"width = 320 height = 240 portle = 0 name = imginit> </td> </td> bgcolor = "blue"> </td> </tr> </table>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.