js图片切换幻灯片效果

特效

 <div align="center">
<script language='javascript' type='text/javascript'>
var bannerAD = new Array(); //用于存放图片路径（相对路径）
var imgLink = new Array(); //图片链接
var adNum = 0;
bannerAD[0] = "http://www.gotosc.gov.cn/UpLoadFiles/banner01_20116822739.jpg";
bannerAD[1] = "http://www.gotosc.gov.cn/images/banner03.jpg";
imgLink[0] = "http://bzh.sclyj.com/";
imgLink[1] = "http://www.gotosc.gov.cn/zfxxgk_views.aspx?CategoryId=2&ContentId=8016";
function setTransition() {
if (document.all) {
document.getElementById('bannerADrotator').filters.revealTrans.Transition = Math.floor(Math.random() * 23); //设置图片切换
document.getElementById('bannerADrotator').filters.revealTrans.apply(); //应用图片切换
}
}
function playTransition() {
if (document.all)
document.getElementById('bannerADrotator').filters.revealTrans.play() //播放图片
}
function nextAd() {
if (adNum < bannerAD.length - 1) adNum++;
else adNum = 0;
setTransition();
document.getElementById('bannerADrotator').src = bannerAD[adNum];
playTransition();
theTimer = setTimeout("nextAd()", 5000); //5秒钟切换一张图片
}
function goToUrl() {
window.open(imgLink[adNum], '_blank');
}
</script>
<a href='javascript:goToUrl()'>
<img style="FILTER: revealTrans(duration=2,transition=20)" src="javascript:NextPic()" width=561 border=0 id='bannerADrotator'
height="115"></a>
<script language='javascript' type='text/javascript'>    nextAd();</script>
</div>

js图片切换幻灯片效果相关推荐

分享111个JS图片切换特效，总有一款适合您
分享111个图片切换,总有一款适合您下面是文件的名字,我放了一些图片,文章里不是所有的图主要是放不下..., 111个图片切换下载链接:https://pan.baidu.com/s/1iGzOzU ...
js图片轮播效果实现代码
这篇文章主要介绍了js图片轮播效果实现代码,文章对每一步进行了详细阐述,标注注意事项,为顺利实现js图片轮播效果做好铺垫,对轮播效果感兴趣的朋友可以参考一下首先给大家看一看js图片轮播效果,如下图 ...
利用MATLAB实现图片切换动画效果详解
内容摘要:本博文介绍MATLAB图片切换动画效果的制作以及GIF文件保存,并结合具体代码详细解释.介绍了利用MATLAB编程进行几幅图片的轮流切换,切换时实现与幻灯片切换相似的炫酷的图片切换特效.其中 ...
的图片怎么循环渲染_十分钟教你做个炫酷的图片切换过度效果
做个炫酷的图片切换过度效果首先,今天是520节日.到了520这类为情侣准备的节日,小编都会感到一万点暴击-- 首先酸一波,搞点事情(蹭波热度). 给大家分享一个520特效页面:看完记得回来为小编点个 ...
JavaScript 图片切换展示效果
JavaScript 图片切换展示效果看到alibaba的一个图片切换效果,感觉不错,想拿来用用.但代码一大堆的,看着昏,还是自己来吧. 由于有了做图片滑动展示效果的经验,做这个就容易得多了. 先看 ...
腾讯首页js图片切换效果
很漂亮的腾讯网图片切换效果代码 < HTML > < HEAD > < TITLE > 腾讯软件 - 图片滑动效果,阿里西西整理收集. < / TITLE& ...
html图片翻页效果代码,js图片翻书效果代码分享
这是一款基于javascript实现图片翻书效果代码,图片可以从左右两个方向进行切换,用户还可以自定义对应图片的标题与文字说明,是一款非常实用的图片特效源码. 七夕情人节也可以是表白的神器,放一些回忆 ...
JS图片灯箱(lightBox)效果基本原理和demo
到年底了,项目不怎么忙,所以有空特地研究了下KISSY中源码JS灯箱效果,感觉代码比较简单,所以就按照他们的思路依赖于Jquery框架也封装了一个,特地分享给大家,以前经常看到网上很多这样的插件,感觉 ...
jquery仿凡客诚品图片切换的效果实例代码
清远大学城网(http://www.qydxc.com) 是一个不错的图片切换效果,就是可以图片带文字说明的折叠效果,下面我来给大家推荐两个版本的效果,有需要了解的朋友可参考. 图片版的效果代码如下复 ...

js图片切换幻灯片效果

js图片切换幻灯片效果相关推荐

最新文章

热门文章

js图片切换 幻灯片效果

js图片切换 幻灯片效果相关推荐

最新文章

热门文章

js图片切换幻灯片效果

js图片切换幻灯片效果相关推荐