會動的背景


~~★夜之星☆~~ 發表



背景有會動的圖片(記憶體太少的話,就會動得很慢~~~~)

無標題文件

會動的背景JavaScript程式碼如下:


<HTML><HEAD><TITLE> 標題</TITLE>
<META content="text/html; charset=big5" http-equiv=Content-Type>
<STYLE type=text/css>A:link {
COLOR: #0000ff; CURSOR: hand; FONT-STYLE: normal; TEXT-DECORATION: none
}
A:visited {
COLOR: #0000ff; FONT-STYLE: normal; TEXT-DECORATION: none
}
A:active {
COLOR: #ff0000; FONT-STYLE: normal; TEXT-DECORATION: none
}
BODY {
FONT: 9pt 新細明體
}
TH {
FONT: 9pt 新細明體
}
TD {
FONT: 9pt 新細明體
}
INPUT {
FONT: 9pt 新細明體
}
SELECT {
FONT: 9pt 新細明體
}
TEXTAREA {
FONT: 9pt 新細明體
}
A:hover {
COLOR: #ff0000; TEXT-DECORATION: none
}
</STYLE>

<META content="MSHTML 5.00.2314.1000" name=GENERATOR></HEAD>
<BODY bgColor=#ffffe6 text=#000000 background=背景圖片 bgproperties=fixed>
<center>
<br>
<p align="left">
<marquee scrollamount="2" scrolldelay="10" loop="-1"><img src="飛過的圖案" width="36" height="42"></marquee>

<script
language="JavaScript1.2">

<!-- Begin

var no = 24; // snow number
var speed = 1; // smaller number moves the snow faster

balloon = new Array();
balloon[0] = "會動的圖案1";
balloon[1] = "會動的圖案2";
balloon[2] = "會動的圖案3";
balloon[3] = "會動的圖案4";
balloon[4] = "會動的圖案5";
balloon[5] = "會動的圖案6";
var maxballoon = 5; // ??-1

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 300, doc_height = 600;

if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight - 50;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight -50;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = maxballoon;
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"500\" visibility=\"show\"><img src=\"" + balloon[j] + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"500\" visibility=\"show\"><img src=\"" + balloon[j] + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 500px; LEFT: 15px;\"><img src=\"" + balloon[j] + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 500px; LEFT: 15px;\"><img src=\"" + balloon[j] + "\" border=\"0\"></div>");
}
}
if (j == 0) { j = maxballoon; } else { j -= 1; }
}

function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i];
if (yp[i] < 0) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight -50;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}

function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i];
if (yp[i] < 0) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight -50;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>
</center>

<DIV align=center>
<TABLE border=0 width="95%">
<TBODY>
<TR>
<TD>
<DIV align=center></DIV>
<tr>
<td align=left valign=top width=40%>&nbsp;

注意:

balloon = new Array();
balloon[0] = "會動的圖案1";
balloon[1] = "會動的圖案2";
balloon[2] = "會動的圖案3";
balloon[3] = "會動的圖案4";
balloon[4] = "會動的圖案5";
balloon[5] = "會動的圖案6";
var maxballoon = 5; // ??-1


balloon[0]<--圖片編號,如這編號(最大那個)改變,

var maxballoon = 5<--(這個都要改變);

例:

balloon = new Array();
balloon[0] = "會動的圖案1";
balloon[1] = "會動的圖案2";
balloon[2] = "會動的圖案3";
balloon[3] = "會動的圖案4";
balloon[4] = "會動的圖案5";
balloon[5] = "會動的圖案6";
balloon[6] = "會動的圖案7";
var maxballoon = 6; // ??-1

 

最後更新日期: 2/6/2004 8:03:58 PM