`
vakin.jiang
  • 浏览: 147190 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

filters.revealTrans应用:JS广告轮显代码

 
阅读更多
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使用方法小结

    在网页设计和开发中,`filters.revealTrans.Transition` 是一种旧的、基于滤镜(Filter)技术的动画效果,主要用于Internet Explorer浏览器。这种技术主要用于实现过渡效果,比如幻灯片展示。在标题和描述中提到的 `...

    21春北京理工大学《脚本程序设计》在线作业参考答案_1.docx

    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...

    js+css 滤镜 切换图片

    3. **CSS滤镜效果定义**:虽然示例代码中没有明确写出CSS样式,但从`style`属性中的`FILTER:revealTrans(duration=2,transition=23)`可以看出,这里预先设置了`revealTrans`滤镜,其中`duration`控制过渡时间,`...

    RevealTrans滤镜的用法

    此外,RevealTrans滤镜还提供了`apply`、`play`和`stop`三个方法,分别用于应用转换效果、开始运行效果和停止效果。这使得开发者能够更精细地控制页面的动态表现。 需要注意的是,尽管RevealTrans滤镜在早期的网页...

    效果图片展示(javascript)

    JavaScript是一种广泛应用于客户端Web开发的脚本语言,它能够增强网页的交互性和动态性,使得用户在浏览网页时可以与网页内容进行实时交互。 描述中提到的“很好的一个图片展示功能”,可能是指一种图片轮播、幻灯...

    jsp图片切换代码

    虽然代码示例展示了在JSP环境中实现图片切换的基本框架,但考虑到不同浏览器的兼容性问题,尤其是`filters.revealTrans`仅在IE浏览器中有效,开发人员在实际项目中应考虑使用更现代的技术,如CSS3的`transition`和`...

    网页幻灯片 flash -JS

    3. 动态效果JS:编写JavaScript代码以实现幻灯片的切换逻辑,包括自动播放、导航按钮和触摸滑动等交互功能。 4. 可选的:如果使用第三方库,需要引入对应的JavaScript文件,并根据文档配置相关选项。 在...

    超炫JS代码,如同flash的图片轮换

    focpic.filters.revealTrans.transition=23; } else { focpic.style.visibility = "visible"; focpic.filters[0].transition=23; } focpic.filters[0].Play(); stopit(); } function playnext(){ if...

    JS图片轮换

    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 =...

    图片切换类似幻灯片效果 RevealTrans动态滤镜

    实现图片切换类似幻灯片效果, 一共23种切换效果, 代码十分简单明了, 没有多余的干扰代码, 看后马上就能明白怎样使用动态滤镜. 测试环境: Window XP professional sp3, IE 6.0

    网页中图片切换效果

    根据提供的文件信息,我们可以分析并总结出关于...整体来看,这段代码实现了简单的网页图片轮播效果,包括图片的自动切换、过渡效果以及按钮状态的控制等功能,适合于初级的网页设计学习者理解并应用到实际项目中。

    网页制作滤镜代码文档

    3. 使用JavaScript控制文字切换:通过在标签内编写JavaScript代码,我们可以动态地更改层内的内容和应用滤镜效果。在提供的代码中,定义了一个名为`HelpArray`的数组,存储了要切换的文字内容。然后,使用`innerText...

    RevealTrans

    标题“RevealTrans”指的是一个与图形特效相关的JavaScript库或函数,它可能专注于实现过渡或动画效果。在网页设计和开发中,这类技术通常用于增强用户体验,使页面元素的显示和隐藏过程更加平滑和吸引人。...

    meta的用法(需要的可以看看,很受益的)

    <meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=5)"> ``` 通过调整`Transition`参数,可以设置页面加载时的过渡动画效果。 6. 标注作者: ```html 黄山村夫—安徽新建基础工程...

    js带前后翻页的图片切换效果代码分享

    本文将介绍如何使用JavaScript实现带有前后翻页功能的图片切换效果,这种效果在网站的产品展示、广告宣传等领域具有广泛的应用价值。 首先,实现这种效果的基础是通过HTML和CSS来设置图片展示的结构与样式。在HTML...

    CSS中filter滤镜的学习笔记(静态滤镜及动态滤镜)

    object.filters.revealTrans(duration=时间数值, transition=过渡类型); ``` 在动态滤镜中,可以通过脚本语言控制滤镜的状态,包括应用(Apply)、播放(Play)和停止(Stop)。滤镜状态的判断可以通过对象名加上....

Global site tag (gtag.js) - Google Analytics