Phiên bản đầy đủ: jsB@nk » Màu nền » Hiệu ứng nền » Phi hành gia trong vũ trụ
URL: https://www.javascriptbank.com/astronaut.html
Một đoạn mã JavaScript khác để tạo hiệu ứng ảnh di chuyển tự do trong trang web. Trong ví dụ này là ảnh một phi hành gia đang di chuyển trong vũ trụ.
Phiên bản đầy đủ: jsB@nk » Màu nền » Hiệu ứng nền » Phi hành gia trong vũ trụ
URL: https://www.javascriptbank.com/astronaut.html
<BODY bgcolor="black" onLoad="space()" text=#ffffff><SCRIPT LANGUAGE="JavaScript">// Viswanathan Manohar ([email protected])astropic = "astronaut.jpg"; // location of YOUR astronaut imagevar xval = new Array(); // holds star coordinatesvar yval = new Array();no = 100; // number of stars in the backgroundspeed = 200; // speedxp = 20 + 100 * Math.random();yp = 20 + 100 * Math.random();angle = 3.14 * Math.random(); // astronaut anglexinc = 3 * Math.sin(angle);yinc = 3;ie = (document.all)? 1 : 0;ns = (document.layers)? 1: 0;if (ie) {width = document.body.clientWidth;height = document.body.clientHeight;for (var i = 0; i <= no; i++) {document.write("<div id=\"div" + i+ "\" style=\"color:white;");document.write("position:absolute;left:100;\">.</div>");}document.write("<div id=\"diva\" style=\"position:absolute;\">");document.write("<img src=" + astropic + " border=\"0\" width=\"65\" height=\"95\"></div>");for (i = 0; i <= no; i++) {xval[i] = width * Math.random();yval[i] = height * Math.random();document.all["div" + i].style.left = xval[i];document.all["div" + i].style.top = yval[i]; }}if (ns) {width = self.innerWidth;height = self.innerHeight;for (var i = 0; i <= no; i++) {document.write("<layer id=\"div" + i+ "\" style=\"color:white;");document.write("position:absolute;left:100;\">.</layer>");}document.write("<layer id=\"diva\" style=\"position:absolute;\">");document.write("<img src=" + astropic + " border=\"0\" width=\"65\" height=\"95\"></layer>");for (i = 0; i <= no; i++) {xval[i] = width * Math.random();yval[i] = height * Math.random();document.layers["div" + i].left = xval[i];document.layers["div" + i].top = yval[i]; }}function star() {for (i = 0; i <= no; i = i+4) {xval[i] +=5;if ((i%20) == 0) xval[i] += 10;if(xval[i] >= width) xval[i] = width * Math.random();if (ie) document.all["div" + i].style.left = xval[i];if (ns) document.layers["div" + i].left = xval[i];}return true;}function goangle() {angle = 3.14 * Math.random();xinc = 3 * Math.sin(angle);return true;}function space() {if (ie) {document.all["diva"].style.left = xp;document.all["diva"].style.top = yp;}if (ns) {document.layers["diva"].left = xp;document.layers["diva"].top = yp;}xp += xinc;yp +=yinc;star();if ((xp >= (width - 50)) || (xp <= 10)) { goangle(); xinc = (-1) * xinc; }if ((yp >= (height - 50)) || (yp <= 10)) { goangle(); yinc = (-1) * yinc; }setTimeout('space()', speed);}// End --></script></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/background/astronaut.jpg