この記事では、画像およびリンクテキストにおける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プログラミングに役立つことを願っています。