TodayLoad.com <<:Web-Effect+:Bg-Rain:>>

::- Example ::-> ตัวอย่างดูที่ Background

+:: Source Code ::+

+:: Descriptions ::+

(1)
- Select All -

<!-- Begin

//จำนวน เม็ดฝน

var no = 50;

//ความเร็วของฝน

var speed = 1;

var ns4up = (document.layers) ? 1 : 0;

var ie4up = (document.all) ? 1 : 0;

var s, x, y, sn, cs;

var a, r, cx, cy;

var i, doc_width = 800, doc_height = 600;

if (ns4up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

else

if (ie4up) {

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

x = new Array();

y = new Array();

r = new Array();

cx = new Array();

cy = new Array();

s = 8;

for (i = 0; i < no; ++ i) {

initRain();

if (ns4up) {

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");

//ปรับสีของเม็ดฝน1

document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");

document.write(",</font></layer>");

}

else {

document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");

//ปรับสีของเม็ดฝน2

document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");

document.write(",</font></layer>");

}

else

if (ie4up) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

//ปรับสีของเม็ดฝน3

document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");

document.write(",</font></div>");

}

else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

//ปรับสีของเม็ดฝน4

document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");

document.write(",</font></div>");

}

function initRain() {

a = 6;

r[i] = 1;

sn = Math.sin(a);

cs = Math.cos(a);

cx[i] = Math.random() * doc_width + 1;

cy[i] = Math.random() * doc_height + 1;

x[i] = r[i] * sn + cx[i];

y[i] = cy[i];

}

function makeRain() {

r[i] = 1;

cx[i] = Math.random() * doc_width + 1;

cy[i] = 1;

x[i] = r[i] * sn + cx[i];

y[i] = r[i] * cs + cy[i];

}

function updateRain() {

r[i] += s;

x[i] = r[i] * sn + cx[i];

y[i] = r[i] * cs + cy[i];

}

function raindropNS() {

for (i = 0; i < no; ++ i) {

updateRain();

if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {

makeRain();

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

document.layers["dot"+i].top = y[i];

document.layers["dot"+i].left = x[i];

}

setTimeout("raindropNS()", speed);

}

function raindropIE() {

for (i = 0; i < no; ++ i) {

updateRain();

if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {

makeRain();

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

document.all["dot"+i].style.pixelTop = y[i];

document.all["dot"+i].style.pixelLeft = x[i];

}

setTimeout("raindropIE()", speed);

}

if (ns4up) {

raindropNS();

}

else

if (ie4up) {

raindropIE();

}

//  End -->

</script>

::+::- ส่งบทความนี้ ให้เพื่อน -::+::

<<- To ->>

Name
Email

<<- From ->>

Name
Email

(1) ขั้นตอนเดียวง่าย ๆ เพียงคุณ คลิ๊กไปที่ - Select All - แล้ว Copy Code ไปใช้งาน
โดยวางไว้ระหว่าง Tag <body> และ </body>

- เพียงเท่านี้ Backgroun คุณก็จะชุ่มชื้นขึ้นอีกเยอะ -

+:: Tips ::+

คุณสามารถเปลี่ยนเม็ดฝนและความเร็วได้ตามต้องการ
โดยการ แก้ Code ตามตัวอย่างข้างล่างนี้

ในขั้นตอนที่ (1)

//จำนวน เม็ดฝน
var no = 50;

//ความเร็วของฝน
var speed = 1; ตัวเลขยิ่งน้อยยิ่งเร็ว

ในการปรับสีของเม็ดฝนจำเป็นต้องแก้ 4 ที่ ดังนี้
//ปรับสีของเม็ดฝน1
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");

//ปรับสีของเม็ดฝน2
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");

//ปรับสีของเม็ดฝน3
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");

//ปรับสีของเม็ดฝน4
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");


	© CopyRight 2001 , TodayLoad.com