var bannerImgs = ['index/AD1.jpg','index/AD2.jpg'];
var bannerLinks = ['http:// www.peixunme.com/',' http://www.taobaobrand.com/'];
var bannerLen = bannerImgs.length;
var bannerNum = 0;
var bannerLink = bannerLinks[0];
function banner_onClick(){
window.open(bannerLink);
}
function changebannerImg(){
var myImg = document.getElementById('banner');
try{
var rt;
if((rt=myImg.filters.revealTrans)!=null){
rt.apply();
myImg.src = 'images/'+bannerImgs[bannerNum++];
bannerLink = bannerLinks[bannerNum-1];
rt.transition=Math.floor(Math.random()*23);
rt.play();
if(bannerNum>=bannerLen)
bannerNum = 0;
}
} catch(e){
myImg.src = 'images/'+bannerImgs[bannerNum++];
bannerLink = bannerLinks[bannerNum-1];
if(bannerNum>=bannerLen)
bannerNum = 0;
}
}
var bannerTimeId = window.setInterval('changebannerImg()',9000);
分享到:
相关推荐
虽然代码示例展示了在JSP环境中实现图片切换的基本框架,但考虑到不同浏览器的兼容性问题,尤其是`filters.revealTrans`仅在IE浏览器中有效,开发人员在实际项目中应考虑使用更现代的技术,如CSS3的`transition`和`...
with (this._img.filters.revealTrans) { Transition = this.Transition; Duration = this.Duration; apply(); play(); } } this._img.style.visibility = ""; this._img.src = list.img; this._img.alt =...
根据提供的文件信息,我们可以分析并总结出关于...整体来看,这段代码实现了简单的网页图片轮播效果,包括图片的自动切换、过渡效果以及按钮状态的控制等功能,适合于初级的网页设计学习者理解并应用到实际项目中。
本文将介绍如何使用JavaScript实现带有前后翻页功能的图片切换效果,这种效果在网站的产品展示、广告宣传等领域具有广泛的应用价值。 首先,实现这种效果的基础是通过HTML和CSS来设置图片展示的结构与样式。在HTML...
这段代码中存在一个潜在的问题:`ims.filters(0).apply()` 和 `ims.filters(0).play()` 这两行代码并不是标准的JavaScript语法,可能是指向某个特定浏览器插件的方法调用。在现代Web开发中,通常会使用CSS动画或...
`playTran()`函数是用于启动图片过渡效果的,如果浏览器支持滤镜(如IE),它会调用图片的`filters.revealTrans.play()`方法来播放过渡动画。 `nextAd()`函数是图片切换的核心,它会递增`adNum`的值,实现向后切换...