| Welcome to NguyenDucDung's Forum. We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features: |
| Dòng chữ I love you chạy theo chuột! | |
|---|---|
| Tweet Topic Started: Sep 5 2005, 06:40 PM (1,097 Views) | |
| Deleted User | Sep 5 2005, 06:40 PM Post #1 |
|
Deleted User
|
Bạn hãy dán đoạn mã vào sau phần <Body> trong trang web của bạn. Sẽ có dòng chữ "I LOVE YOU" chạy theo chuột mỗi khi nó di chuyển. Bạn cũng có thể đổi lại font ( ở đây là Font VNI-Sologan) và màu chữ cho hợp với ý mình. <div id="dot0" style="position: absolute; visibility: hidden;height: 5; width: 5;"> </div><div id="dot1" style="position: absolute; height: 5; width: 5;"> <p><font face=VNI-Slogan color="#0080FF">I</font></p> </div><div id="dot2" style="position: absolute; height: 5; width: 5;"> <p><font face=VNI-Slogan color="#FF0000">L</font></p> </div><div id="dot3" style="position: absolute; height: 5; width: 5;"> <p><font face=VNI-Slogan color="#008000">O</font></p> </div><div id="dot4" style="position: absolute; height: 5; width: 5;"> <p><font face=VNI-Slogan color="#800080">V</font></p> </div><div id="dot5" style="position: absolute; height:5; width: 5;"> <p><font face=VNI-Slogan color="#FF8000">E</font></p> </div><div id="dot6" style="position: absolute; height: 5; width: 5;"> <p><font face=VNI-Slogan color="#FF00FF">Y</font></p> </div><div id="dot7" style="position: absolute; height: 5; width: 5;"> <p><font face=VNI-Slogan color="#808040">O</font></p> </div><div id="dot8" style="position: absolute; height: 5; width: 5;"> <p><font face=VNI-Slogan color="#FF80C0">U</font></p> </div><script LANGUAGE="JavaScript"> <!-- Begin var nDots = 9; var Xpos = 0; var Ypos = 0; var DELTAT = .01; var SEGLEN = 10; var SPRINGK = 10; var MASS = 1; var GRAVITY = 30; var RESISTANCE = 10; var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots = new dot(i); } for (i = 0; i < nDots; i++) { dots.obj.left = dots.X; dots.obj.top = dots.Y; } if (isNetscape) { startanimate(); } else { setTimeout("startanimate()", 3000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } function setInitPositions(dots) { var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc.offsetLeft startloc.offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc.offsetTop + startloc.offsetParent.offsetTop + 2*DOTSIZE; } dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } function MoveHandlerIE() { Xpos = window.event.x; Ypos = window.event.y; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } function springForce(i, j, spring) { var dx = (dots.X - dots[j].X); var dy = (dots.Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } var resist = new vec(-dots.dx * RESISTANCE, -dots.dy * RESISTANCE); var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); dots.dx += (DELTAT * accel.X); dots.dy += (DELTAT * accel.Y); if (Math.abs(dots.dx) < STOPVEL && Math.abs(dots.dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots.dx = 0; dots.dy = 0; } dots.X += dots.dx; dots.Y += dots.dy; var height, width; if (isNetscape) { height = window.innerHeight; width = window.innerWidth; } else { height = 2 * document.body.clientHeight; width = document.body.clientWidth; } if (dots.Y >= height - DOTSIZE - 1) { if (dots.dy > 0) { dots.dy = BOUNCE * -dots.dy; } dots.Y = height - DOTSIZE - 1; } if (dots.X >= width - DOTSIZE) { if (dots.dx > 0) { dots.dx = BOUNCE * -dots.dx; } dots.X = width - DOTSIZE - 1; } if (dots.X < 0) { if (dots.dx < 0) { dots.dx = BOUNCE * -dots.dx; } dots.X = 0; } dots.obj.left = dots.X; dots.obj.top = dots.Y; } } // End --> </script> |
|
|
| « Previous Topic · Thiết kế Website · Next Topic » |





3:29 PM Jul 11