In diesem Artikel wird die Methode von JS beschrieben, um Mauspfeile in einen brennenden Kerzenlichteffekt zu verwandeln. Teilen Sie es für Ihre Referenz. Die Details sind wie folgt:
Dies ist ein JS -Code, der den Effekt von Mauspfeilen vollständig verschönert. Fügen Sie durch diesen JS -Code die Mauspfeile zu einem Stil hinzu, um die Kerze zu verbrennen. Dies ist auch ein sehr alter Code und kann nur in IE8 und unter den Browsern ausgeführt werden. Der Code lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = gb2312">
<titels> Sehr unverwechselbare fluoreszierende Maus </title>
</head>
<body id = "myBody" style = "filter: light (enabled = 1);" bgcolor = "#ffffff" text = "#000000">
<div id = "layer1" style = "Höhe: 32; links: 66; Position: absolut; oben: 41; Breite: 52">
<dd>
<div align = "rechts">
<img src = "bilder/light.gif">
</div>
</dd>
</div>
<tabelle>
<tr>
<td> <font face = "宋体" color = "#ff00ff" style = "Schriftgröße: 9PT">
</font> <span style = "Schriftgröße: 9PT">
Zusammenfassung: HTML5 -Quellcode, Canvas -Instanz, Canvas -Animation
Ein HTML5_CANVAS -Praxisprogramm. Verwenden Sie das Canvas -Tag, um einfache Animationseffekte zu zeichnen: Simulieren Sie das grüne Licht an der Kreuzung, das Auto fährt; Das rotes Licht ist eingeschaltet, das Auto stoppt das Auto und der Animationseffekt ist relativ rau, als Referenz durch Anfänger. HTML5 -Programme unterstützen derzeit nicht den IE.
<br> Aufschießen des Spiels, nachdem das Spiel begonnen hat, klicken Sie mit der Maus auf das fallende Objekt und können explosive Objekte aufnehmen. Das generierte Spiel ist von guter Qualität und reibungsloser Animation. Bitte verwenden Sie Firefox oder Chrome Browser zum Testen. <br> Die folgenden Versionen von IE8 können dieses Spiel nicht ausführen. <br> Obwohl die Spielfunktionen nicht leistungsfähig sind, nutzt es grundlegende Fähigkeiten in HTML5. <br> <br> <br> Darüber hinaus möchten einige spielerische JS-Klassen auch gute Entscheidungen sein. <br> <br>
Basierend auf der HTML5 -Offline -Speicherinstanz verwendet die Anwendung beim Laden der Seite eine Onload -Funktion, um zu überprüfen, ob sich die entsprechenden Daten bereits im lokalen Cache -Bereich befinden, und fügt ein Begrüßungsfenster hinzu, fügen Sie <br> <br> einen Ereignishörer hinzu und hören Sie sich ein Speichereignis an. Die Anwendung kann auf örtliche Änderungen reagieren und überprüfen, ob der Browser die Lokalstorage -Funktion unterstützt, Daten auf Cache, Löschen von Daten und andere Funktionen festlegt.
</span> </td>
</tr>
</table>
<script Language = "vbscript">
Dunkelrot, GRE, Blu
Dim x, y, z
Rot = 255
GRE = 255
Blu = 0
z = 100
sub window_onload ()
Rufen Sie mybody.filters.light.Addpoint (0,0, Z, Rot, GRE, Blu, 100)
mybody.style.cursor = "Hand"
Ende sub
sub document_onmousemove ()
x = window.event.x
y = window.event.y
Rufen Sie mybody.filters.light.Movelight (0, x, y, 100, 1) an
Ende sub
</script>
<script Language = "JavaScript">
// Dies ist eine Funktion, um die Ebene zu verschieben
Funktion move_layer ()
{
Layer1.Style.Left = event.clientX+document.body.scrollleft-50;
Layer1.Style.top = event.clienty+document.body.scrolltop-20;
}
// Was wir hier meinen, ist, dass wenn sich die Maus bewegt, die Funktion "move_layer" aufgerufen wird.
document.onmousemove = move_layer;
</script>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.