[网页高手]
Homepage
[网络编程]
Programe
[图形图像]
Picture
[冲浪宝典]
Insernet
[操作系统]
System
[软件教学]
Software
[数码时代]
Didgtale
[安全防御]
Didgtale
[IT学院]
Education
    
 
Google Web tongyi.net
 
    你的位置:首页 > 网页高手 > HTML > 页面特效之--夜晚的星空
网页高手
  Dreamweaver

FrontPage

Javascript

HTML

CSS

XML

心得技巧

DHTML

 
页面特效之--夜晚的星空

<head>
<style type="text/css">
#sDiv0, #sDiv1, #sDiv2, #sDiv3, #sDiv4, #sDiv5, #sDiv6, #sDiv7, #sDiv8, #sDiv9
{
position:absolute; height:1; width:1; font-family:arial black; font-size:9px; color:#FFFFAA; z-index:10;
}
</style>

<SCRIPT LANGUAGE="JavaScript1.2">
<!--
/*描述: 想象一下把你的页面设计的象黑夜那神秘的太空,流星时不时的划过,该是多么的美丽的一幅画面啊.
而这的确很容易办到.只要把这段源代码存为html文件便完成了.
试试吧!
*/

var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && self.innerWidth && (window.pageXOffset>-1));
//my way of making sure the browser will have what I need

var allDivs = new Array(10);
var documentWidth,documentHeight;

function initAll(){
if(!ns && !ie && !w3) return;

for(dNum=0; dNum<10; ++dNum){
if(ie) allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style');
else if(ns) allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]');
else if(w3) allDivs[dNum]=eval('document.getElementById("sDiv'+dNum+'").style');
moveTo(dNum,0,0);

}

function moveTo(i,tempx,tempy){
if (ie){
documentWidth =document.body.offsetWidth+document.body.scrollLeft-20;
randomy=Math.floor(Math.random()*document.body.offsetHeight)+document.body.scrollTop-20;
}
else if (ns){
documentWidth=window.innerWidth+window.pageXOffset-20;
randomy=Math.floor(Math.random()*window.innerHeight)+window.pageYOffset-20;
}
else if (w3){
documentWidth=self.innerWidth+window.pageXOffset-20;
randomy=Math.floor(Math.random()*self.innerHeight)+window.pageYOffset-20;
}

if(tempx>-50){
tempx-=45;
allDivs[i].left=tempx;
allDivs[i].top =tempy;
setTimeout("moveTo("+i+","+tempx+","+tempy+")",40)
}
else
setTimeout("moveTo("+i+",documentWidth-10,randomy)",2000/i+40);
}

window.onload=initAll
//End-->
</script>
</head> 
<BODY aLink=#008000 bgColor=#000000 leftMargin=0 link=#ffff00 text=#ffffff 
vLink=#00ff00 marginwidth="0">
<div id="sDiv0">*</div>
<div id="sDiv1">*</div>
<div id="sDiv2">*</div>
<div id="sDiv3">*</div>
<div id="sDiv4">*</div>
<div id="sDiv5">*</div>
<div id="sDiv6">*</div>
<div id="sDiv7">*</div>
<div id="sDiv8">*</div>
<div id="sDiv9">*</div>
</body> 
     打印本文 | 推荐朋友 | 收藏文章 | 关闭窗口
 
 

    相关文章
 XHTML 1.0:标记新的开端    (2001年7月8日)

 网页制作源码三则    (2001年7月8日)

 如何在HTML页面中使用js文件    (2001年6月10日)

 ASP.NET中的HTML编码和URL编码    (2001年5月8日)

 HTML 注释    (2001年3月22日)

 当心!HTML文件也能格式化硬盘    (2001年2月20日)

 bean里面如何打印到html页面    (2001年2月16日)

 ASP漏洞(五)[HTML语句与JavaScript语句死循环]    (2001年1月9日)

 
 

 

关于统一 | 联系合作 | 统一作品 | 版权申明 | 建站服务 | 更多说明
Copyright 2000-2003 Tongyi All rights reserved. 京ICP备05005608号