收藏

下载资源 加入VIP,免费下载

第1页 / 共16页

第2页 / 共16页

第3页 / 共16页

第4页 / 共16页

第5页 / 共16页

document.write（'

absolute;top:

0px;left:

0px;width:

'+i/2+';height:

'+i/2+';background:

'+c_Colour+';font-size:

'+i/2+'">'）;

}

document.write（''）;

}

functionprepos（）{

varntscp=document.layers;

varmsie=document.all;

if（document.layers）{

for（i=0;i

{

if（i

{

ntscp['nsa'+i].top=ntscp['nsa'+（i+1）].top;ntscp['nsa'+i].left=ntscp['nsa'+（i+1）].left;

ntscp['nsb'+i].top=ntscp['nsb'+（i+1）].top;ntscp['nsb'+i].left=ntscp['nsb'+（i+1）].left;

ntscp['nsc'+i].top=ntscp['nsc'+（i+1）].top;ntscp['nsc'+i].left=ntscp['nsc'+（i+1）].left;

}

else

{

ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];

ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];

ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];

}

}

}

elseif（document.all）{

for（i=0;i

{

if（i

{

msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;

msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;

msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;

}

else

{

msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];

msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];

msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];

}

}

}

setTimeout（"prepos（）",10）;

}

functionStart（）{

swirl（）,prepos（）

}

window.onload=Start;

一种很酷的图片动态切换效果

看到这种图片切换的效果吗？

用来切换旗帜广告将是个很好的选择。

下面我们来讲一讲具体的做法：

第一步、把下面这段代码插入到页面的与之间：

isns=navigator.appName=="Netscape";

functionztstr（id,picurl,linkurl）

{

this.id=id

this.picurl=picurl

this.linkurl=linkurl

}zhuanti=newArray（）

imgcount=1;

frequency=10*1000;//30秒//在这里修改图片的路径和链接

zhuanti[1]=newztstr（'1','

zhuanti[2]=newztstr（'2','

zhuanti[3]=newztstr（'3','

zhuanti[4]=newztstr（'4','

imgcount=zhuanti.length-1

for（i=1;i<=imgcount;i++）

{

eval（"img"+i+"=newImage（）"）

eval（"img"+i+".src=zhuanti["+i+"].picurl"）

}

nn=1varrand1=0;

varuseRand=0;

functionswapPic（）{

varimgnum=zhuanti.length-1;

do{

varrandnum=Math.random（）;

rand1=Math.round（（imgnum-1）*randnum）+1;

}while（rand1==useRand）;

useRand=rand1;

//alert（useRand）;

nn=useRand;

change_img（）;

}

functionchange_img（）

{

eval（'document.pic.src=img'+nn+'.src'）;

nn++;

if（nn>imgcount）nn=1

if（!

isns）

{

pic.filters.item（0）.apply（）

pic.style.visibility='visible'

pic.filters.item（0）.play（）

setTimeout（"pic.style.visibility='hidden'",frequency）;

}

else

document.pic.visibility='visible'

tt=setTimeout（'change_img（）',frequency）

}

functionpictarget（）

{

tt=nn-1

if（tt<1）tt=imgcount

cururl=zhuanti[tt].linkurl

window.open（cururl）;

}

functionini（）

{

if（!

isns）

{

spacewidth=Math.round（（divmask.offsetWidth-770）/2）

dmwidth=770+spacewidth

dmheight=divmask.offsetHeight

totalstep=50

timeout=50

dmstepw=Math.round（770/totalstep）

dmsteph=Math.round（dmheight/totalstep）

setTimeout（'hidimg（）',3000）

}

elseswapPic（）

}

functionhidimg（）

{

dmwidth-=dmstepw

dmheight-=dmsteph

eval（'divmask.style.clip="rect（0,'+dmwidth+','+dmheight+',0）"'）

hdrun=setTimeout（'hidimg（）',timeout）

if（dmwidth<=spacewidth&&dmheight<=0）

{

divmask.style.visibility='hidden'

clearTimeout（hdrun）

swapPic（）

}

}

第二步、调用定义好的JavaScript函数，在里加上以下代码：

第三步、在页面中插入图片和链接：

void（null）onclick='javascript:

pictarget（）;returnfalse;'>

hidden;filter:

revealtrans（duration=2.0,transition=12）">好，到这里就大功告成了。

另外，试试改变transition的数值，可以得到不同的转换效果哟~~

一款特酷的时钟

脚本说明：

第一步:

把如下代码加入区域中:

--

/*

Liveclockscriptcredit:

WebsiteAbstraction（）.

YourfreeJavaScriptsarchieve,withover200+freeJavaScripts.

Thisscriptmaybefreelyusedaslongascreditremainsintact.

*/

vardn

c1=newImage（）;c1.src="c1.gif"

c2=newImage（）;c2.src="c2.gif"

c3=newImage（）;c3.src="c3.gif"

c4=newImage（）;c4.src="c4.gif"

c5=newImage（）;c5.src="c5.gif"

c6=newImage（）;c6.src="c6.gif"

c7=newImage（）;c7.src="c7.gif"

c8=newImage（）;c8.src="c8.gif"

c9=newImage（）;c9.src="c9.gif"

c0=newImage（）;c0.src="c0.gif"

cb=newImage（）;cb.src="cb.gif"

cam=newImage（）;cam.src="cam.gif"

cpm=newImage（）;cpm.src="cpm.gif"

functionextract（h,m,s,type）{

if（!

document.images）

return

if（h<=9）{

document.images.a.src=cb.src

document.images.b.src=eval（"c"+h+".src"）

}

else{

document.images.a.src=eval（"c"+Math.floor（h/10）+".src"）

document.images.b.src=eval（"c"+（h%10）+".src"）

}

if（m<=9）{

document.images.d.src=c0.src

document.images.e.src=eval（"c"+m+".src"）

}

else{

document.images.d.src=eval（"c"+Math.floor（m/10）+".src"）

document.images.e.src=eval（"c"+（m%10）+".src"）

}

if（s<=9）{

document.g.src=c0.src

document.images.h.