您现在正在浏览：站长之家 >> 设计编程 >> 详细内容

使主页呈现“飞舞”特效

时间:2007-10-22 来源:不详作者:林子

朋友，“天上掉陷饼”都听说过吧？呵呵，陷饼它算个么，今天教你一个天上掉￥的招儿，并且～～哗啦啦地掉！哈～哈～哈，来吧^_*

　　首先看效果

将下面的JavaScript代码加到< head >区就成了:

< Script Language="JavaScript" >
< !-- Begin
var no = 30;
//设定下落字符数量
var speed = 5;
//设定字符下落的速度
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
//NETSCAP和IE两种不同浏览器各自进行定义
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
//设定字符下落区域为800*600
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
//NETSCAP和IE两种浏览器有别
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; i) {

本文来自织梦

initRain();
//定义变量数组x, y, cx, cy, s
if (ns4up) {
if (i == 0) {
document.write("< layer name=\"dot" i "\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\" >< font color=\"white\" >");
document.write(",￥< /font >< /layer >");
}
else {
document.write("< layer name=\"dot" i "\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\" >< font color=\"white\" >");
document.write(", $ < /font >< /layer >");
}
}
//当i==0满足与否时，NETSCAP中的表现
else
if (ie4up) {
if (i == 0) {
document.write("< div id=\"dot" i "\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: " i "; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\" >< font size=\"10\" color=\"white\" >");
document.write("￥< /font >< /div >");
}
else {
document.write("< div id=\"dot" i "\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: " i "; VISIBILITY: ");