JS技术

Javascript常见的效果汇总(二)_Javascript教程(6)

字号+ 作者:H5之家 来源:H5之家 2015-09-27 09:04 我要评论( )

图片之间的切换 script language=JavaScript !-- var imgUrl=new Array(); var imgLink=new Array(); var adNum=0; var jumpUrl=; imgLink[1]=; imgLink[2]=; imgUrl[1]=; imgUrl[2]=; var imgPre=new Array(); var

图片之间的切换
<script language=JavaScript>
<!--
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
var jumpUrl="";
imgLink[1]="";
imgLink[2]="";
imgUrl[1]="";
imgUrl[2]="";
var imgPre=new Array();
var j=0;
for (i=1;i<=imgUrl.length-1;i++) {
 if(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];
 jumpUrl=imgLink[adNum];
 theTimer=setTimeout("nextAd()", 7000);
}
function goUrl(){ 
 jumpTarget='_blank';
 if (jumpUrl != ''){
  if (jumpTarget != '') window.open(jumpUrl,jumpTarget);
  else location.href=jumpUrl;
 }
}
//-->
</script>
<a href="javascript:goUrl()"><img style="FILTER:
revealTrans(duration=2,transition=6);border:1 solid black" src="javascript:nextAd()" width=300
border=0 name=imgInit height="210"></a>
</body>
</html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript入门教程(二)_javascript教程教程

    JavaScript入门教程(二)_javascript教程教程

    2015-10-10 14:25

  • JavaScript入门教程(五)_javascript教程教程

    JavaScript入门教程(五)_javascript教程教程

    2015-10-10 14:21

  • JavaScript入门教程(四)_javascript教程教程

    JavaScript入门教程(四)_javascript教程教程

    2015-10-10 14:19

  • JavaScript入门教程(三)_javascript教程教程

    JavaScript入门教程(三)_javascript教程教程

    2015-10-10 14:17

网友点评