<html>
<title>实例24</title>
<head>
<script>
function morph(e,wait,steps,style,done)
{if(e.morphing)
return;
e.morphing=true;
e.step=0;
e.done=steps;
e.wait=wait;
e.morphDone=done;
var attribs=_eat_attrib(style);
if(attribs["top"]!=null)
{e.deltaTop=Math.round(Number((attribs["top"]-e.style.posTop)/steps));
e.finalTop=attribs["top"];
}
else
{e.deltaTop=null;
e.finalTop=e.style.posTop;
}
if(attribs["left"]!=null)
{e.deltaLeft=Math.round(Number((attribs["left"]-e.style.posLeft)/steps));
e.finalLeft=attribs["left"];
}
else
{e.deltaLeft=null;
e.finalLeft=e.style.posLeft;
}
if(attribs["height"]!=null)
{e.deltaHeight=Math.round(Number((attribs["height"]-e.style.posHeight)/steps));
e.finalHeight=attribs["height"];
}
else
{e.deltaHeight=null;
e.finalHeight=e.style.posHeight;
}
if(attribs["width"]!=null)
{e.deltaWidth=Math.round(Number((attribs["width"]-e.style.posWidth)/steps));
e.finalWidth=attribs["width"];
}
else
{e.deltaWidth=null;
e.finalWidth=e.style.posWidth;
}
e.colors=new Array();
for(attrib in attribs)
{if(attrib="background")
{e.colors[e.colors.length]=new Array();
e.colors[e.colors.length-1].name=attrib;
e.colors[e.colors.length-1].safename=attrib;
}
if(attrib=="color")
{e.colors[e.colors.length]=new Array();
e.colors[e.colors.length-1].name=attrib;
e.colors[e.colors.length-1].safename=attrib;
}
if(attrib=="border-color")
{e.colors[e.colors.length]=new Array();
e.colors[e.colors.length-1].name=attrib;
e.colors[e.colors.length-1].safename="borderColor";
}
}
for(var i=0;i<e.colors.length;i++)
{var rgb=_eat_rgb(attribs[e.colors[i].name]);
var prergb=_eat_rgb(e.style[e.colors[i].safename]);
e.colors[i].delta=_eat_rgb(attribs[e.colors[i].name]);
e.colors[i].finish=_eat_rgb(attribs[e.colors[i].name]);
e.colors[i].delta["red"]=Math.round(Number((rgb["red"]-prergb["red"])/steps));
e.colors[i].delta["green"]=Math.round(Number((rgb["green"]-prergb["green"])/steps));
e.colors[i].delta["blue"]=Math.round(Number((rgb["blue"]-prergb["blue"])/steps));
}
setTimeout("_morphing(document.all."+e.id+")",wait);
}
function _morphing(e)
{e.step++;
if(e.deltaTop!=null)
e.style.posTop+=e.deltaTop;
if(e.deltaLeft!=null)
e.style.posLeft+=e.deltaLeft;
if(e.deltaHeight!=null)
e.style.posHeight+=e.deltaHeight;
if(e.deltaWidth!=null)
e.style.posWidth+=e.deltaWidth;
for(var i=0;i<e.colors.length;i++)
{var rgb=_eat_rgb(e.style[e.colors[i].safename]);
e.style[e.colors[i].safename]="rgb("+(e.colors[i].delta["red"]+rgb["red"])+","+(e.colors[i].delta["green"] + rgb["green"])+","+(e.colors[i].delta["blue"] + rgb["blue"]) + ")";
}
if(e.step==e.done)
{if(e.deltaTop!=null)
e.style.posTop=e.finalTop;
if(e.deltaLeft!=null)
e.style.posLeft=e.finalLeft;
if(e.deltaWidth!=null)
e.style.posWidth=e.finalWidth;
if(e.deltaHeight!=null)
e.style.posHeight=e.finalHeight;
for(var i=0;i<e.colors.length;i++)
{e.style[e.colors[i].safename]="rgb("+(e.colors[i].finish["red"]+rgb["red"])+","+ (e.colors[i].finish["green"]+rgb["green"])+","+(e.colors[i].finish["blue"]+rgb["blue"])
+")";
}
e.morphing=false;
eval(e.morphDone);
}
else
{setTimeout("_morphing(document.all."+e.id+")",e.wait);
}
return;
}
function _eat_attrib(str)
{var chunks=new Array();
var all=new Array();
chunks=str.split(";");
for(var i=0;i<chunks.length;i++)
{var tmpA=new Array();
tmpA=chunks[i].split(":");
all[tmpA[0]]=tmpA[1];
}
return all;
}
function _eat_rgb(str)
{var all=new Array();
var a=str.indexOf("(");
var b=str.indexOf(")");
str=str.substring(a + 1, b);
var tmpA=str.split(",");
all["red"]=Number(tmpA[0]);
all["green"]=Number(tmpA[1]);
all["blue"]=Number(tmpA[2]);
return all;
}
</script>
</head>
<body>
<span id="test" style="border:solid;border-width:5;border-color:rgb(0,0,0);color:rgb(255,255,255);position:absolute;top:0;left:0;width:400;height:400;overflow:hidden;background:rgb(0,0,255);">
<a>HTML&&CSS</a>
</span>
<script>
function rander()
{var top=Math.round(Math.random()*400);
var left=Math.round(Math.random()*600);
var width=Math.round(Math.random()*200);
var height=Math.round(Math.random()*200);
var r=Math.round(Math.random()*255);
var g=Math.round(Math.random()*255);
var b=Math.round(Math.random()*255);
var background="rgb("+r+","+g+","+b+")";
var r=Math.round(Math.random()*255);
var g=Math.round(Math.random()*255);
var b=Math.round(Math.random()*255);
var borderColor="rgb("+r+","+g+","+b+")";
var r=Math.round(Math.random()*255);
var g=Math.round(Math.random()*255);
var b=Math.round(Math.random()*255);
var color="rgb("+r+","+g+","+b+")";
morph(document.all.test,30,20,"top:"+top+";left:"+left+";width:"+width+";height:"+height+";background:"+background+";border-color:"+borderColor+";color:"+color+";","rander();");
}
rander();
</script>
</body>
</html>
Dreamweaver css+特效+实例 （287个子文件） 
doctodep.btr 47KB doctodep.btr 21KB deptodoc.btr 324B deptodoc.btr 324B linkinfo.cnf 4KB linkinfo.cnf 2KB service.cnf 1KB service.cnf 1KB bots.cnf 323B bots.cnf 323B botinfs.cnf 146B botinfs.cnf 146B services.cnf 3B services.cnf 3B mystyle.css 507B mystyle.css 355B
Diablo.gif 26KB css069.gif 6KB csssl01.gif 6KB ring.gif 6KB csssl02.gif 4KB link.gif 1022B dot0001.gif 648B link.gif 459B css069.gif 352B csssl02.gif 352B csssl01.gif 352B Diablo.gif 351B dot0001.gif 348B bullet-minus.gif 345B ring.gif 341B bullet-minus.gif 49B csstx15.htm 11KB csstx18.htm 9KB csstx04.htm 9KB csstx09.htm 8KB csstx07.htm 8KB csstx14.htm 8KB csstx16.htm 8KB csstx13.htm 7KB csstx10.htm 7KB csstx11.htm 7KB csstx12.htm 7KB csstx01.htm 7KB csstx02.htm 7KB csstx06.htm 7KB csstx08.htm 7KB csstx05.htm 7KB csstx03.htm 6KB csstx17.htm 6KB cssindex.htm 6KB cssindex.htm 4KB djs.htm 3KB csstx13.htm 3KB csstx07.htm 3KB csstx11.htm 3KB csstx05.htm 3KB csstx12.htm 3KB csstx03.htm 3KB csstx08.htm 3KB csstx10.htm 3KB csstx09.htm 3KB csstx02.htm 3KB csstx16.htm 3KB csstx17.htm 3KB csstx04.htm 3KB csstx15.htm 3KB csstx14.htm 3KB csstx06.htm 3KB clip2.htm 3KB clip1.htm 3KB csstx01.htm 2KB csstx18.htm 2KB dttimecontrol.htm 2KB yidong.htm 2KB yidong.htm 1KB dtfilter.htm 1KB jianpan3.htm 1KB dtvisible.htm 1KB clip1.htm 1KB jianpan2.htm 1KB clip2.htm 982B shubiaocontrol.htm 862B huadong.htm 809B jianrong.htm 795B huadong.htm 721B jianrong.htm 710B shubiaocontrol.htm 660B jianpan2.htm 634B dtfilter.htm 583B dttimecontrol.htm 556B dtvisible.htm 554B djs.htm 552B jianpan3.htm 542B
css24.html 5KB css70.html 5KB css10.html 4KB css47.html 4KB css40.html 4KB css77.html 4KB共 287 条
- 1
- 2
- 3
资源评论
