JS图片效果.docx

1、JS图片效果JS图片效果,集合整理了些图片效果,拿出来跟大家分享下,也不知道没有有人发过类似的贴子,如有重复,纯属巧合!一个不错的图片效果:无标题文档 一个不错的幻灯片效果: 图片播放器 bodyfont-size:12px;margin:0px;height:100%;#rotatorPlayertext-align:center;width:100%#seconddivposition:absolute;z-index:1;top:0;left:702;text-align:left;border:1px #333333 solid;height:100%;padding:6pximgbo

2、rder:0px#menuposition:absolute;z-index:1;top:40;left:710;width:200px;text-align:left#secondwidth:116px;height:20px;border:1px #000000 solid#buttonwidth:60px;height:20px;border:1px #000000 solid;cursor:hand1 秒2 秒3 秒4 秒5 秒6 秒7 秒8 秒9 秒10 秒15 秒20 秒30 秒40 秒50 秒60 秒100 秒200 秒500 秒  播放widths) do

3、w=w-1; while (wwidths) ; s=w/imgname.width; /window.alert(s); imgname.width=w; imgname.height=h*s; h=imgname.height /window.alert(imgname.height); /window.alert(heights); if(imgname.heightheights) do h=h-1; while (hheights) ; s=h/imgname.height; /window.alert(s); imgname.width=w*s; imgname.height=he

4、ights; 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 heig

5、ht / 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.clea

6、rTimeout(_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 +

7、_c + + _i.readyState + .; _timeout=window.setTimeout(adRotator.load,10) ;adRotator.play=function() with (adRotator) if( _f ) _html = ; _html += _html += _html += ; _html += ; _html += (_t_c?( + (_c+1) + . + _t_c + ):); _html += ; _html += ; _html += ; for(var i=0; i_p.length; i+) _html += + (i8?(i+1

8、):(0+(i+1)+ ; _html += ; getRef(_o).innerHTML = _html; getRef(rotatorPic).filters0.Apply(); getRef(rotatorPic).filters0.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);adRot

9、ator.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 (docum

10、ent.all?document.all(id):document.getElementById(id);adRotator.initialize(AdRotator);adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRot

11、ator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.add(adRotator.play();/-北京奥运网站的图片轮转效果H