JS图片效果.docx

上传人:b****8 文档编号:10064241 上传时间:2023-05-23 格式:DOCX 页数:43 大小:27.41KB
下载 相关 举报
JS图片效果.docx_第1页
第1页 / 共43页
JS图片效果.docx_第2页
第2页 / 共43页
JS图片效果.docx_第3页
第3页 / 共43页
JS图片效果.docx_第4页
第4页 / 共43页
JS图片效果.docx_第5页
第5页 / 共43页
JS图片效果.docx_第6页
第6页 / 共43页
JS图片效果.docx_第7页
第7页 / 共43页
JS图片效果.docx_第8页
第8页 / 共43页
JS图片效果.docx_第9页
第9页 / 共43页
JS图片效果.docx_第10页
第10页 / 共43页
JS图片效果.docx_第11页
第11页 / 共43页
JS图片效果.docx_第12页
第12页 / 共43页
JS图片效果.docx_第13页
第13页 / 共43页
JS图片效果.docx_第14页
第14页 / 共43页
JS图片效果.docx_第15页
第15页 / 共43页
JS图片效果.docx_第16页
第16页 / 共43页
JS图片效果.docx_第17页
第17页 / 共43页
JS图片效果.docx_第18页
第18页 / 共43页
JS图片效果.docx_第19页
第19页 / 共43页
JS图片效果.docx_第20页
第20页 / 共43页
亲,该文档总共43页,到这儿已超出免费预览范围,如果喜欢就下载吧!
下载资源
资源描述

JS图片效果.docx

《JS图片效果.docx》由会员分享,可在线阅读,更多相关《JS图片效果.docx(43页珍藏版)》请在冰点文库上搜索。

JS图片效果.docx

JS图片效果

JS图片效果,集合

整理了些图片效果,拿出来跟大家分享下,也不知道没有有人发过类似的贴子,如有重复,纯属巧合!

一个不错的图片效果:

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"

"http:

//www.w3.org/TR/html4/loose.dtd">

无标题文档

rgb(238,238,238)1pxsolid"align="right">

10px;BORDER-BOTTOM:

rgb(238,238,238)1pxsolid">

600px;HEIGHT:

156px"src="frameBorder=0scrolling=no>

none">

一个不错的幻灯片效果:

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">

图片播放器

21:

57gmt">

1秒

2秒

3秒

4秒

5秒

6秒

7秒

8秒

9秒

10秒

15秒

20秒

30秒

40秒

50秒

60秒

100秒

200秒

500秒

  播放

700;height:

100%">

--

functionpimsize(imgname,widths,heights){

varw;

varh;

//window.alert(picimg.width);

//window.alert(picimg.height);

w=imgname.width;

h=imgname.height;

if(imgname.width>widths){

do

w=w-1;

while(w>widths);

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.height>heights){

do

h=h-1;

while(h>heights);

s=h/imgname.height;

//window.alert(s);

imgname.width=w*s;

imgname.height=heights;

}

}

functionadRotator(){};

adRotator.initialize=function(o)

{

//scriptbyblueDestiny

this._t=newArray();

this._l=newArray();

this._p=newArray();

this._i=newImage();

this._c=0;

this._f=false;

this._o=o;

this._timeout=null;

this._html="";

//configration.

//@imagewidth

//@imageheight

//@rotatorspeed

//@filtertype

this._w=450;

this._h=450;

this._s=4;

this._x=23;

returnthis;

};

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="totalimages"+_p.length+",loadingpicture"+_c+''+_i.readyState+"...";

_timeout=window.setTimeout(adRotator.load,10)

}

}

else

{

getRef(_o).innerHTML="totalimages"+_p.length+",loadingpicture"+_c+''+_i.readyState+"...";

_timeout=window.setTimeout(adRotator.load,10)

}

}};

adRotator.play=function(){with(adRotator)

{

if(_f)

{

_html="";

_html+='

1pxsolid#333333;width:

100%;height:

100%"align=center>

9pt;font-family:

tahoma;font-weight:

bold;text-align:

Center">'

_html+='

+'style="width:

'+_w+''

+';height:

"'+_h+'"'

+'>'

_html+='

_l[_c]:

"javascript:

void(0);")+'">';

_html+='

//+'width="'+_w+'"'

//+'height="'+_h+'"'

+'onload="pimsize(img,700,550)"'

+(_t[_c]?

'title="'+_t[_c]+'"':

'')

+'style="border:

1pxsolidblue;FILTER:

revealTrans(transition='+_x+',duration=1);"'

+'>';

_html+=(_t[_c]?

(''+(_c+1)+'.'+_t[_c]+''):

'');

_html+='';

_html+="";

_html+='';

for(vari=0;i<_p.length;i++)

_html+='

+'style="border:

1pxsolid#333333;padding:

1px5px1px5px;height:

20px;text-align:

center;cursor:

'

+(_c==i?

('default;background-color:

red;"'):

'hand;"onclick="adRotator.select('+i+')"')

+'>'

+(i>8?

(i+1):

('0'+(i+1)))+'';

_html+="";

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("mustbedigit!

")

adRotator.play();

}

}};

functiongetRef(id)

{

return(document.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("

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.add("

adRotator.play();

//-->

北京奥运网站的图片轮转效果

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http:

//www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

--savedfromurl=(0026)-->

lang="zh-CN"

xmlns="http:

//www.w3.org/1999/xhtml">

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 自然科学 > 物理

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2