JavaScript:多图片变化且每次的效果不同

最新推荐文章于 2025-07-15 08:30:36 发布

qpl007

最新推荐文章于 2025-07-15 08:30:36 发布

阅读量1k

点赞数

分类专栏： JavaScript/JScript.NET 文章标签： javascript function transition filter border

JavaScript/JScript.NET 专栏收录该内容

6 篇文章

订阅专栏

此博客展示了使用JavaScript实现图片广告切换效果的代码。定义了图片链接数组，通过函数控制图片切换过渡效果，设置定时器定时切换图片，还可点击图片跳转链接，利用滤镜和过渡效果增强展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

imgUrl[5]="http://www.smallrain.net/jsimg/2.jpg";
imgLink[5]="#2";
var imgPre=new Array();
var j=0;
for (i=1;i<=5;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
j++;
} else {
break;
}
}

function playTran(){
if (document.all){
document.imgInit.filters[0].play();
}
}

function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;

if (document.all){
document.imgInit.filters[0].Transition=26;
document.imgInit.filters[0].apply();
}
document.images.imgInit.src=imgUrl[adNum];
playTran();
theTimer=setTimeout("nextAd()", 6000);
}

function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
  if (jumpTarget != '')
   window.open(jumpUrl,jumpTarget);
  else
   location.href=jumpUrl;
}
}
</script>
<a href="#" onclick="goUrl()" target="_parent"><img style="FILTER:
progid:DXImageTransform.Microsoft.RevealTrans (duration=1,transition=3);
; border-color:#000000;color:#000000;margin-bottom:-5px" src="javascript:nextAd()" height=100 width=150 border=0 name=imgInit></a>