zoukankan      html  css  js  c++  java
  • javascript幻灯片

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>

    <BODY>
    <div align="center"><div id=AdRotator></div></div>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function adRotator() {};
    adRotator.initialize
    =function(o)
    {
    // script by blueDestiny

    this._t = new Array();
    this._l = new Array();
    this._p = new Array();
    this._i = new Image();
    this._c = 0;
    this._f = false;
    this._o = o;

    this._timeout = null;
    this._html = "";

    // configration.
    //
     @ image width
    //
     @ image height
    //
     @ rotator speed
    //
     @ filter type

    this._w = 202;
    this._h = 300;
    this._s = 3;
    this._x = 23;

    return this;
    }
    ;
    adRotator.add
    =function(p,t,l) with (this)
    {
    _p.push(p);
    _t.push(t);
    _l.push(l);
    }
    }
    ;

    adRotator.load
    =function() with (adRotator)
    {
    if( _i.readyState=='complete' )
    {
       
    if(_p.length-1==_c)
       
    {
        _f 
    = true;
        _c 
    = 0;
        window.clearTimeout(_timeout);
        
    //getRef("AdRotator").innerHTML="complete";
        adRotator.play();
       }

       
    else
       
    {
        _c
    ++;
        getRef(_o).innerHTML
    ="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "";
        _timeout
    =window.setTimeout(adRotator.load,10)
       }

    }

    else
    {
       getRef(_o).innerHTML
    ="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "";
       _timeout
    =window.setTimeout(adRotator.load,10)
    }

    }
    }
    ;

    adRotator.play
    =function() with (adRotator)
    {
    if( _f )
    {
    _html 
    = "";
    _html 
    += '<table style="border:0px solid #333333;" bgcolor="#ff0000"><tr><td style="font-size:9pt;font-family:tahoma;font-weight:bold;">'
    _html 
    += '<div id="rotatorPlayer"'
        
    + ' style="' + _w + ''
        
    + ';height:"' + _h + '"'
        
    + '>'
    _html 
    += '<a href="' + ( _l[_c] ? _l[_c] : "javascript:void(0);" ) + '">';
    _html 
    += '<img id="rotatorPic" src="' + _p[_c] + '"'
        
    + ' width="' + _w + '"'
        
    + ' height="' + _h + '"'
        
    + (_t[_c]?' title="' + _t[_c] + '"':'')
        
    + ' style="border:1px solid blue;FILTER:revealTrans(transition=' + _x + ',duration=1);"'
        
    + ' >';

    _html 
    += '</a>';
    _html 
    += "</div>";
    _html 
    += '<div align="right">';
    _html 
    += '<span style="height:23px"></span>';
    for(var i=0; i<_p.length; i++)
       _html 
    += '<span'
          
    + ' style="border:1px solid #333333;padding:1px;height:20px;text-align:center;cursor:'
          
    + (_c==? ('default;background-color:red;"') : 'hand;" onclick="adRotator.select(' + i + ')"')
          
    + '>'
          
    + (i>8?(i+1):('0'+(i+1)))+ '</span> ';
    _html 
    += '<span style="height:25px"></span>';
    _html 
    += (_t[_c]?('<div align="center">' + (_c+1+ '' + _t[_c] + '</div>'):'<p></p>');
    _html 
    += "</div></td></tr></table>";
    getRef(_o).innerHTML 
    = _html;

    getRef(
    "rotatorPic").filters[0].Apply();
    getRef(
    "rotatorPic").filters[0].Play();

    next();
    }

    else
    {
       _i.src 
    = _p[_c];
       adRotator.load();
    }

    }
    }
    ;
    adRotator.next
    =function() with (this)
    {
    (_p.length
    -1==_c) ? _c=0 : _c++;
    _timeout
    =window.setTimeout(adRotator.play,_s*1000);
    }
    }
    ;
    adRotator.select
    =function(i) with (this)
    {
    window.clearTimeout(_timeout);
    _c
    =i;
    adRotator.play();
    }
    }
    ;
    adRotator.set
    =function(second) with (this)
    {
    window.clearTimeout(_timeout);
    if((/\d+/).test(second)==true)
    {
       _s
    =second;
       adRotator.play();
    }

    else
    {
       alert(
    "must be digit!")
       adRotator.play();
    }

    }
    }
    ;
    function getRef(id)
    {
    return (document.all?document.all(id):document.getElementById(id));
    }

    adRotator.initialize(
    "AdRotator");

    adRotator.add(
    "http://img1.qq.com/ent/20060218/3215110.jpg","aa","http://www.blueidea.com")
    adRotator.add(
    "http://img1.qq.com/ent/20060218/3215111.jpg","bb","http://www.baidu.com");
    adRotator.add(
    "http://img1.qq.com/ent/20060218/3215112.jpg")
    adRotator.add(
    "http://img1.qq.com/ent/20060218/3215113.jpg")
    adRotator.add(
    "http://img1.qq.com/ent/20060218/3215114.jpg")

    adRotator.play();
    //-->
    </SCRIPT>
    </BODY>
    </HTML>
  • 相关阅读:
    [转帖]Mootools源码分析03 Hash
    iphone的手势与触摸编程学习笔记
    怎样使项目中的cocos2d默认模板支持ARC内存管理
    xCode4.2下添加TableViewController会出现”Prototype cells“警告
    关于31天App教程示例中一些因SDK版本而出现的问题
    带你掌握二进制SCA检测工具的短板及应对措施
    HDZ城市行深圳站|AIoT时代,如何抓住智联生活的战略机会点?
    分析内部运行机制,教你解决Redis性能问题
    今天谈谈用户故事地图,不是用户故事
    云图说|ModelArts Pro:让AI开发更简单
  • 原文地址:https://www.cnblogs.com/jinweida/p/1237345.html
Copyright © 2011-2022 走看看