js pour obtenir des effets de commutation synchrones entre les images et lier les compétences text_javascript

L'exemple de cet article décrit la méthode d'utilisation de js pour obtenir des effets de commutation synchrone entre les images et le texte du lien. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

var imgUrl=nouveau tableau();
var imgLink=nouveau tableau();
var imgTz=nouveau tableau();
var adNum=0;
imgUrl[1]="/images/m01.jpg";
imgLink[1]="http://www.jb51.net";
imgTz[1]="Contenu du lien texte 1 Teaser de feuilles rouges";
imgUrl[2]="/images/m02.jpg";
imgLink[2]="http://www.jb51.net";
imgTz[2]=" Contenu du lien texte deux fleurs sauvages fleurissent ";
imgUrl[3]="/images/m03.jpg";
imgLink[3]="http://www.jb51.net";
imgTz[3]="Contenu du lien texte trois Le passé est comme le thé";
varj=0;
pour (i=1;i<=3;i ) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
j ;
} autre {
pause;
>
>
fonction playTran(){
si (document.all)
imgInit.filters.revealTrans.play();
>
var clé=0;
fonction nextAd(){
if(adNum sinon adNum=1;
si( clé==0 ){
clé=1;
} sinon si (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);
>
fonction goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
si (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
d'autre
location.href=jumpUrl;
>
>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.