利用JAVASCRIPT实现几张图片的切换
2009-04-02 14:40
656 查看
放入head中:
PS:修改相应类似的代码,即图片地址和相应链接。
bannerAD[0]="001.JPG";
bannerADlink[0]="#";
在网页需要显示此效果的地方加入以下代码:
PS:修改图片的长和宽
PS:修改相应类似的代码,即图片地址和相应链接。
bannerAD[0]="001.JPG";
bannerADlink[0]="#";
<script language=JavaScript> <!-- // BannerAD var bannerAD=new Array(); var bannerADlink=new Array(); var adNum=0; bannerAD[0]="001.JPG"; bannerADlink[0]="#"; bannerAD[1]="002.JPG"; bannerADlink[1]="#"; bannerAD[2]="003.JPG"; bannerADlink[2]="#"; bannerAD[3]="004.JPG"; bannerADlink[3]="#"; bannerAD[4]="005.JPG"; bannerADlink[4]="#"; bannerAD[5]="006.jPG"; bannerADlink[5]="#"; bannerAD[6]="007.JPG"; bannerADlink[6]="#"; bannerAD[7]="008.JPG"; bannerADlink[7]="#"; bannerAD[8]="009.jPG"; bannerADlink[8]="#"; bannerAD[9]="010.JPG"; bannerADlink[9]="#"; bannerAD[10]="011.JPG"; bannerADlink[10]="#"; var preloadedimages=new Array(); for (i=1;i<bannerAD.length;i++){ preloadedimages=new Image(); preloadedimages.src=bannerAD; } function setTransition(){ if (document.all){ bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); bannerADrotator.filters.revealTrans.apply(); } } function playTransition(){ if (document.all) bannerADrotator.filters.revealTrans.play() } function nextAd(){ if(adNum<bannerAD.length-1)adNum++ ; else adNum=0; setTransition(); document.images.bannerADrotator.src=bannerAD[adNum]; playTransition(); theTimer=setTimeout("nextAd()", 6000); } function jump2url(){ jumpUrl=bannerADlink[adNum]; jumpTarget='_blank'; if (jumpUrl != ''){ if (jumpTarget != '')window.open(jumpUrl,jumpTarget); else location.href=jumpUrl; } } function displayStatusMsg() { status=bannerADlink[adNum]; document.returnValue = true; } //--> </script>
在网页需要显示此效果的地方加入以下代码:
PS:修改图片的长和宽
<A onmouseover="displayStatusMsg();return document.returnValue" href="javascript:jump2url()"><img style="FILTER: revealTrans(duration=2,transition=20)" height=100 src="002.jpg" width=200 border=0 name=bannerADrotator> </A> <SCRIPT language=JavaScript>nextAd()</SCRIPT>
相关文章推荐
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果(新增下载地址)
- 利用Javascript 与 VBscript 在asp中实现图片自动切换
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- 使用JavaScript来实现图片的切换
- 16—【Android游戏开发十六】Android Gesture之【触摸屏手势识别】操作!利用触摸屏手势实现一个简单切换图片的功能
- JSP+JavaScript实现图片切换
- 原生javascript实现图片按钮切换
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载
- Android中轴旋转特效实现,几张图片自动切换
- JavaScript图片切换实现
- 关于使用JavaScript实现图片点击切换(附带改变导航图片 方案一)
- JavaScript实现鼠标滚轮控制页面图片切换功能示例
- JavaScript 实现切换图片并且实现了链接随着图片的改变而改变
- Canvas---Canvas图像加载、利用javascript回调机制实现一个图片加载器
- 利用FrameLayout中图片的切换来实现换灯片
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载方法