请问有没有一种最简单的js幻灯片？

请问有没有一种最简单的js幻灯片？
不要用到swf文件，就两张图片，让它轮换显示。

解决方案 »

  1.   

    看看这个：
    <!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><input id="second"><button onclick="adRotator.set(getRef('second').value)">set time</button></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 = 450;
    this._h = 450;
    this._s = 4;
    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:1px solid #333333;"><tr><td style="font-size:9pt;font-family:tahoma;font-weight:bold;">'
    _html += '<div id="rotatorPlayer"'
    + ' style="width:' + _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 += (_t[_c]?('<div align="center">' + (_c+1) + '. ' + _t[_c] + '</div>'):'<p></p>');
    _html += '</a>';
    _html += "</div>";
    _html += '<div align="right">'; for(var i=0; i<_p.length; i++)
    _html += '<span'
    + ' style="border:1px solid #333333;padding:1px 5px 1px 5px;height:20px;text-align:center;cursor:'
    + (_c==i ? ('default;background-color:red;"') : 'hand;" onclick="adRotator.select(' + i + ')"')
    + '>'
    + (i>8?(i+1):('0'+(i+1)))+ '</span> '; _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")
    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>