この記事では、画像およびリンクテキストにおけるJSの同期スイッチング効果の方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします:<html>
<Title> JS Pictures and Link Text同期スイッチング効果</title>
<head>
<スクリプト言語= javascript>
var imgurl = new Array();
var imglink = new Array();
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] = "/mages/m02.jpg";
imglink [2] = "// www.vevb.com";
imgtz [2] = "<a href =#> <font color = white>テキストリンクコンテンツ:セカンドワイルドフラワーブルーム</font> </a>";
imgurl [3] = "/migase/m03.jpg";
imglink [3] = "// www.vevb.com";
imgtz [3] = "<a href =#> <font color = white>テキストリンクコンテンツ3つの過去のイベントはお茶のようなものです</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;
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 = setimeout( "nextad()"、3000);
}
関数gourl(){
Jumpurl = imglink [adnum];
jumptarget = '_ blank';
if(jumpurl!= ''){
if(jumptarget!= '')
window.open(jumpurl、jumptarget);
それ以外
location.href = jumpurl;
}
}
</script>
</head>
<body>
<表> <tr> <td> <a href = "javascript:gourl()"> <img style = "filter:revealtrans(duration = 2、transition = 20); border = 0" src = "javascript:" javascript: "javas()" width = 320 height = 240 border = 0 name = imginit> </td> </td> </td < bgcolor = "blue"> </td> </tr> </table>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。