杭州设计公司,杭州广告设计公司
网页设计
Html页面载入时类似舞台剧幕效果的源代码
信息来源:互联网     栏目类别: 网页设计     浏览次数:     发表评论 减小字体 增大字体

  第一步:将下面代码插入<head>与</head>之间
<style>
<!--
.i**tro{
positio**:absolute;
left:0;
top:0;
layer-backgrou**d-color:red;
backgrou**d-color:red;
border:0.1px solid red
}
-->
</style>
  第二步:将下面代码插在<body>与</body>之间
<div id="i1" class="i**tro"></div><div id="i2" class="i**tro"></div>
<script la**guage="JavaScript1.2">
var speed=20
var temp=**ew Array()
var temp2=**ew Array()
if (docume**t.layers){
for (i=1;i<=2;i++){
temp[i]=eval("docume**t.i"+i+".clip")
temp2[i]=eval("docume**t.i"+i)
temp[i].width=wi**dow.i****erWidth/2
temp[i].height=wi**dow.i****erHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (docume**t.all){
var clipright=docume**t.body.clie**tWidth/2,clipleft=0
for (i=1;i<=2;i++){
temp[i]=eval("docume**t.all.i"+i+".style")
temp[i].width=docume**t.body.clie**tWidth/2
temp[i].height=docume**t.body.offsetHeight
temp[i].left=(i-1)*parseI**t(temp[i].width)
}
}
fu**ctio** ope**it(){
wi**dow.scrollTo(0,0)
if (docume**t.layers){
temp[1].right-=speed
temp[2].left+=speed
if (temp[2].left>wi**dow.i****erWidth/2)
clearI**terval(stopit)
}
else if (docume**t.all){
clipright-=speed
temp[1].clip="rect(0 "+clipright+" auto 0)"
clipleft+=speed
temp[2].clip="rect(0 auto auto "+clipleft+")"
if (clipright<=0)
clearI**terval(stopit)
}
}
fu**ctio** gogo(){
stopit=setI**terval("ope**it()",100)
}
gogo()
</script>
<script la**guage="JavaScript">
if (docume**t.all){
colours=**ew Array(’ff0000’,’00ff00’,’3366ff’,’ff00ff’,’ffa500’,’ffffff’,’fff000’)
amou**t=colours.le**gth;
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0;
docume**t.write(’<div id="ie" style="positio**:absolute;top:0;left:0;"><div style="positio**:relative">’);
for (i=0; i < amou**t; i++)
docume**t.write(’<div id="iestars" style="positio**:absolute;top:0px;left:0px;height:50px;width:50px;fo**t-family:Courier New;fo**t-size:5px;color:’+colours[i]+’;paddi**g-top:20px;text-alig**:ce**ter">.</div>’);
docume**t.write(’</div></div>’);
i**i=1;
gstep=1;
fu**ctio** iMouse(){
my=eve**t.y;mx=eve**t.x;
}
docume**t.o**mousemove=iMouse
fu**ctio** dim(){
i**i-=gstep;
dt=setTimeout(’dim()’,10);
if (i**i < 2){
clearTimeout(dt);
glow();
}
}
fu**ctio** glow(){
i**i+=gstep;
gt=setTimeout(’glow()’,10);
if (i**i > 14){
clearTimeout(gt);
dim();
}
}
fu**ctio** stars(){
ie.style.top=docume**t.body.scrollTop;
for (i=0; i < amou**t; i++)
{
var layer=iestars[i].style;
layer.filter=’glow(color=’+colours[i]+’, stre**gth=’+i**i+’)’;
  注意事项:复制时须先复制到记事本上,然后再从记事本上复制到HTML中。
本文标签:页面载入效果把本文收藏到 网摘 博采 百度
上一篇:html页面载入时的Loading..效果          回网页设计列表         下一篇:运用花纹、花边、花卉的设计而成精美网站欣赏
搜索本站其他内容: 百度一下:[Html页面载入时类似舞台剧幕效果的源代码]   Google搜索:[Html页面载入时类似舞台剧幕效果的源代码]
最新网友评论文章↓
1.靠2009-11-19 20:42:45
2.去2009-11-19 20:39:41
3.脑残还是变相炫富?2009-11-16 20:17:58
4.好感动哦2009-11-7 15:40:32
5.怎么学习2009-10-20 10:54:50

文章添加时间:2009-3-21,文件大小:20.4 KB,最近更新时间:2011-12-16 18:11:27 返回TOP↑            

本站文章搜集自网络;共享网络,共享快乐,我为人人,人人为我;如果您知道本站未知来源文章请告知本站谢谢!
文中及留言观点不代表本站;本站转载内容只是为了更好的交流;
若侵犯了您的版权请联系E-mail:有事儿,您Q我!,本站核实后立即处理!

  •             平面设计| 标志设计| 包装设计| 网页设计| 广告设计| VI设计| 画册设计| 专卖店设计| 展位设计| 名片设计| 网站地图|    建议使用IE5及以上1024*768分辨率
  •             友情链接 版权所有 © 杭州威迪广告公司 2008-2010 | TEL:0571-88385993 13296756810 浙ICP备09011107号