Das Beispiel in diesem Artikel beschreibt die Methode zur Verwendung von js, um den Hintergrundeffekt des kosmischen Sternenhimmels zu erzielen. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt: Code kopieren Der Code lautet wie folgt: Kosmischer Sternenhimmel-Hintergrundeffekt, Js-Spezialeffekte .star {<br> Position:absolut;<br> Layer-Hintergrundfarbe:weiß;<br> Sichtbarkeit:sichtbar;<br> top:-50px;<br> Breite:50px;<br> Höhe:50px;<br> Schriftgröße:1px;<br> Hintergrundfarbe:weiß;<br> }<br> .60pt{font-size:60pt;color:#ff66cc;}<br> <!--<br /> var starnum = 75; // Anzahl der Sterne <br /> var isNS = (document.layers);<br /> var _all = (isNS)? '' : 'all.';<br /> var _style = (isNS) ? '' : '.style';<br /> var xoffset, yoffset, w_x, w_y, tmpx, tmpy, scrlx, scrly;<br /> function getstartpos(obj) { //Definieren Sie die Startposition der Sternbewegung<br /> obj.deltay = Math.floor(Math.random() * 12); //Zufallsfunktion zur Entscheidung verwenden<br /> obj.deltax = Math.floor(Math.random() * 12);<br /> obj.xdir = (Math.floor(Math.random() * 2) == 1) ? ' ' : '-';<br /> obj.ydir = (Math.floor(Math.random() * 2) == 1) ? ' ' : '-';<br /> obj.counter = 1;<br /> if (isNS) {<br /> obj.clip.width = 1;<br /> obj.clip.height = 1;<br /> obj.moveTo(xoffset pageXOffset, yoffset pageYOffset);<br /> } sonst {<br /> obj.width = 1;<br /> obj.height = 1; <br /> obj.pixelTop = yoffset document.body.scrollTop;<br /> obj.pixelLeft = xoffset document.body.scrollLeft;<br /> }<br /> }<br /> Funktion movestar(starN) //Position des Sterns verschieben<br /> {<br /> tmpx = starN.deltax*starN.counter starN.counter;<br /> tmpy = starN.deltay*starN.counter starN.counter;<br /> if (isNS) {<br /> starN.clip.width = starN.counter / 3;<br /> starN.clip.height = starN.counter / 3;<br /> scrlx = pageXOffset;<br /> scrly = pageYOffset;<br /> if ((starN.left tmpx >= w_x scrlx) || (starN.top tmpy >= w_y scrly) || (starN.left-tmpx <= scrlx) || (starN.top-tmpy <= scrly)) {<br /> getstartpos(starN);<br /> } sonst {<br /> eval('starN.moveBy(' starN.xdir tmpx ', ' starN.ydir tmpy ')');<br /> }<br /> } sonst {<br /> starN.width = starN.counter/3;<br /> starN.height = starN.counter/3;<br /> scrlx = document.body.scrollLeft;<br /> scrly = document.body.scrollTop;<br /> if ((starN.pixelLeft tmpx >= w_x scrlx)||(starN.pixelTop tmpy >= w_y scrly) || (starN.pixelLeft-tmpx <= scrlx)||(starN.pixelTop-tmpy <= scrly)) {<br /> getstartpos(starN);<br /> } sonst {<br /> eval('starN.pixelTop' starN.ydir '=tmpy');<br /> eval('starN.pixelLeft' starN.xdir '=tmpx');<br /> }<br /> }<br /> starN.counter ;<br /> }<br /> function animate() //Alle Sterne bewegen<br /> {<br /> for(i=1; i <= starnum; i ) {<br /> movestar(eval('star' i));<br /> }<br /> setTimeout('animate()', 100);<br /> }<br /> <br /> function findwindowparams() { //Definieren Sie die Startposition der Sternbewegung<br /> w_x = (isNS) ? window.innerWidth : document.body.clientWidth;<br /> w_y = (isNS) ? window.innerHeight : document.body.clientHeight;<br /> xoffset = w_x / 2;<br /> yoffset = w_y / 2;<br /> für (i = 1; i <= starnum; i ) {<br /> getstartpos(eval('star' i));<br /> }<br /> }<br /> Funktion resizeNS() {<br /> setTimeout('document.location.reload()', 400);<br /> }<br /> (isNS) ? window.onresize = resizeNS : window.onresize = findwindowparams;<br /> window.onload = new Function("findwindowparams(); animate();");<br /> --><br> <!--<br /> for (i = 1; i <= starnum; i ) { //Ebene für Sterne definieren <br /> document.writeln('<div id="star' i '" class="star"></div>');<br> eval('var star' i '=document.' _all 'star' i _style);<br> }<br> --><br> Fliegen imSternenhimmel des Universums
