js图片轮换效果

提示:您可以先修改部分代码再运行

<HTML><HEAD><TITLE>变化</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=Javascript>
   var bannerAD=new Array();
   var bannerADlink=new Array();
   var bannerADtarget=new Array();
   var bannerADcontent=new Array();
   var adNum=0;

<!-- ad_mms -->
   bannerAD[1]="http://bbs./images/default/logo.gif";
   bannerADlink[1]="http://bbs.";
   bannerADtarget[1]="ad";
   bannerADcontent[1]="无忧脚本";
<!-- market -->
   bannerAD[0]="http://www.baidu.com/img/logo.gif";
   bannerADlink[0]="http://www.baidu.com";
   bannerADtarget[0]="ad";
   bannerADcontent[0]="百度";

function setTransition(){
   if (document.all){
      bannerADrotator.filters.revealTrans.Transition=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];
   document.all.uk.innerText=bannerADcontent[adNum];
   playTransition();
   theTimer=setTimeout("nextAd()", 5000);
}

function jump2url(){
   jumpUrl=bannerADlink[adNum];
   jumpTarget=bannerADtarget[adNum];
 
   window.open(jumpUrl,jumpTarget);
  
}
function displayStatusMsg() {
   status=bannerADlink[adNum];
   document.returnValue = true;
}

</SCRIPT>

</HEAD>
<BODY topmargin="0" leftmargin="0">
<A onmouseover="displayStatusMsg();return document.returnValue" href="javascript:jump2url()" onFocus="if(this.blur)this.blur

()"><img style="FILTER:revealTrans(duration=1,transition=23)" src="http://bbs./images/default/logo.gif" width="191" 

height="75" border="0" name=bannerADrotator></a><br>
<span id="uk">无忧脚本</span>
<script language=JavaScript>nextAd()</script>
</BODY></HTML>

提示:您可以先修改部分代码再运行

时间: 2024-10-23 06:59:29

js图片轮换效果的相关文章

超简单js 图片轮换效果

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="cont

封装了一个js图片轮换效果的函数_javascript技巧

其中如果有问题,有更好的意见或者建议都可在最后留言,都将对您感激不尽. 具体的代码如下: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <title>图片轮换效果</title> <style type="t

js图片放大效果-js图片轮换效果

提示:您可以先修改部分代码再运行 美女小凡最新夏装éŸå›½äººæ°”小耳环3万6超值装ä¿88平牛干巴敲开财富门4K至7K高性能本本7万装ä¿102å¹³åšæˆ¿æœ€æ–°å°è½¦èŠ‚æ²¹ä¸ºä¸»çƒ­é—¨é¡¹ç› BT烤翅要显瘦就这么ç¿ï¼ 提示:您可以先修改部分代码再运行

用javascript实现的仿Flash广告图片轮换效果_javascript技巧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

大气flash 图片轮换效果代码

本文章提供一款大气flash 图片轮换效果,本文章只给出部份代码,文章下面提供了完整的源码下载与效果预览,如果你喜欢可以下载去用,很适合于企业站,商城等网幻灯片. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http

jquery 图片轮换效果(带文字与切换按钮)

  <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery 图片轮换效果(带文字

JQuery分屏指示器图片轮换效果实例

  本文实例讲述了JQuery分屏指示器图片轮换效果实现方法.分享给大家供大家参考.具体分析如下: 在Web App大行其道的今天,分屏指示器用得非常广泛,从Android.到腾讯的Web OS等等.分屏指示器给人很好的用户体验,下面就实现一个分屏指示器,用于实现图片的简单轮换效果,仅抛砖引玉- 代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

JQuery分屏指示器图片轮换效果实例_jquery

本文实例讲述了JQuery分屏指示器图片轮换效果实现方法.分享给大家供大家参考.具体分析如下: 在Web App大行其道的今天,分屏指示器用得非常广泛,从Android.到腾讯的Web OS等等.分屏指示器给人很好的用户体验,下面就实现一个分屏指示器,用于实现图片的简单轮换效果,仅抛砖引玉- 代码如下: <script type="text/javascript"> var curr = 0, next = 0, count = 0; $(document).ready(f

js 图片切换效果代码

<html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 图片切换效果代码</title> <script language="javascript教程&quo