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);
分享到:
相关推荐
在网页设计和开发中,`filters.revealTrans.Transition` 是一种旧的、基于滤镜(Filter)技术的动画效果,主要用于Internet Explorer浏览器。这种技术主要用于实现过渡效果,比如幻灯片展示。在标题和描述中提到的 `...
11. JavaScript程序文件扩展名:JavaScript代码通常保存为`.js`文件。 12. AJAX:Asynchronous JavaScript and XML,异步JavaScript和XML,强调网页的异步通信能力。 13. 事件处理:JavaScript中的onChange事件常...
这段代码主要涉及的是一个简单的网站图片动态轮播功能,通过JavaScript实现自动切换不同图片的功能,并且支持过渡效果。 ### 1. 整体结构分析 代码由几个部分组成: - HTML结构:用于展示图片的容器。 - ...
这段代码实现了一个简单的图片轮播效果,主要使用了JavaScript和CSS技术。以下是对代码关键知识点的详细解释: 1. **JavaScript基础**: - `var currslid = 0`: 定义当前显示图片的索引,初始值为0。 - `setfoc...
3. **CSS滤镜效果定义**:虽然示例代码中没有明确写出CSS样式,但从`style`属性中的`FILTER:revealTrans(duration=2,transition=23)`可以看出,这里预先设置了`revealTrans`滤镜,其中`duration`控制过渡时间,`...
12. RevealTrans:让图像具有 revelation 效果 13. Shadow:让图像具有阴影效果 14. Wave:让图像具有波浪效果 三、Filter 样式的应用 Filter 样式可以应用于 HTML 的各种元素,例如图片、文字、按钮、DIV 等。...
此外,RevealTrans滤镜还提供了`apply`、`play`和`stop`三个方法,分别用于应用转换效果、开始运行效果和停止效果。这使得开发者能够更精细地控制页面的动态表现。 需要注意的是,尽管RevealTrans滤镜在早期的网页...
JavaScript是一种广泛应用于客户端Web开发的脚本语言,它能够增强网页的交互性和动态性,使得用户在浏览网页时可以与网页内容进行实时交互。 描述中提到的“很好的一个图片展示功能”,可能是指一种图片轮播、幻灯...
虽然代码示例展示了在JSP环境中实现图片切换的基本框架,但考虑到不同浏览器的兼容性问题,尤其是`filters.revealTrans`仅在IE浏览器中有效,开发人员在实际项目中应考虑使用更现代的技术,如CSS3的`transition`和`...
3. 动态效果JS:编写JavaScript代码以实现幻灯片的切换逻辑,包括自动播放、导航按钮和触摸滑动等交互功能。 4. 可选的:如果使用第三方库,需要引入对应的JavaScript文件,并根据文档配置相关选项。 在...
focpic.filters.revealTrans.transition=23; } else { focpic.style.visibility = "visible"; focpic.filters[0].transition=23; } focpic.filters[0].Play(); stopit(); } function playnext(){ if...
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 =...
实现图片切换类似幻灯片效果, 一共23种切换效果, 代码十分简单明了, 没有多余的干扰代码, 看后马上就能明白怎样使用动态滤镜. 测试环境: Window XP professional sp3, IE 6.0
根据提供的文件信息,我们可以分析并总结出关于...整体来看,这段代码实现了简单的网页图片轮播效果,包括图片的自动切换、过渡效果以及按钮状态的控制等功能,适合于初级的网页设计学习者理解并应用到实际项目中。
3. 使用JavaScript控制文字切换:通过在标签内编写JavaScript代码,我们可以动态地更改层内的内容和应用滤镜效果。在提供的代码中,定义了一个名为`HelpArray`的数组,存储了要切换的文字内容。然后,使用`innerText...
标题“RevealTrans”指的是一个与图形特效相关的JavaScript库或函数,它可能专注于实现过渡或动画效果。在网页设计和开发中,这类技术通常用于增强用户体验,使页面元素的显示和隐藏过程更加平滑和吸引人。...
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=5)"> ``` 通过调整`Transition`参数,可以设置页面加载时的过渡动画效果。 6. 标注作者: ```html 黄山村夫—安徽新建基础工程...
本文将介绍如何使用JavaScript实现带有前后翻页功能的图片切换效果,这种效果在网站的产品展示、广告宣传等领域具有广泛的应用价值。 首先,实现这种效果的基础是通过HTML和CSS来设置图片展示的结构与样式。在HTML...
object.filters.revealTrans(duration=时间数值, transition=过渡类型); ``` 在动态滤镜中,可以通过脚本语言控制滤镜的状态,包括应用(Apply)、播放(Play)和停止(Stop)。滤镜状态的判断可以通过对象名加上....