Cet article décrit la méthode de JS pour transformer les flèches de souris en un effet de bougie brûlant. Partagez-le pour votre référence. Les détails sont les suivants:
Il s'agit d'un code JS qui embellit complètement l'effet des flèches de souris. Grâce à ce code JS, ajoutez les flèches de souris à un style pour brûler la bougie. Il s'agit également d'un code très ancien, qui ne peut être exécuté que dans IE8 et en dessous des navigateurs, le code est le suivant:
Copiez le code comme suit: <html>
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312">
<Title> Mouse fluorescente très distinctive </TITAL>
</ head>
<body id = "mybody" style = "filtre: Light (activé = 1);" bgcolor = "# ffffff" text = "# 000000">
<div id = "couche1" style = "hauteur: 32; gauche: 66; position: absolu; en haut: 41; largeur: 52">
<dd>
<div align = "droite">
<img src = "images / light.gif">
</div>
</dd>
</div>
<ballage>
<tr>
<td> <font face = "宋体" color = "# ff00ff" style = "font-size: 9pt">
</font> <span style = "font-size: 9pt">
Résumé: code source HTML5, instance de toile, animation de toile
Un programme de pratique HTML5_CANVAS, utilisez la balise Canvas pour dessiner des effets d'animation simples: simulez le feu vert à l'intersection, la voiture va; Le voyant rouge est allumé, la voiture arrête la voiture et l'effet d'animation est relativement rude, pour référence par les débutants. Les programmes HTML5 ne soutiennent pas IE à l'heure actuelle.
<br> jeu de tir, après avoir commencé le jeu, <br> Cliquez sur l'objet qui tombe avec la souris et peut tirer des objets explosifs. Le jeu généré est de qualité fine et d'animation fluide. Veuillez utiliser Firefox ou Chrome Browser pour les tests. <br> Les versions suivantes de IE8 ne peuvent pas exécuter ce jeu. <br> Bien que les fonctions de jeu ne soient pas puissantes, elle utilise des compétences de base dans HTML5. <br> <br> <br> En outre, certaines classes JS exploitées par le jeu veulent également être de bons choix. <br> <br>
Sur la base de l'instance de stockage hors ligne HTML5, lors du chargement de la page, l'application utilise une fonction Onload pour vérifier si les données correspondantes se trouvent déjà dans la zone de cache locale et ajouteront une fenêtre de bienvenue, ajouteront un écouteur d'événements à <br> <br> et écouteront un événement de stockage. L'application peut répondre aux modifications localStorage et vérifier que le navigateur prend en charge la fonction localStorage, définir des données sur cache, effacer les données et autres fonctions.
</span> </td>
</tr>
</ table>
<script linguisse = "vbscript">
Dim Red, Gre, Blu
Dim x, y, z
rouge = 255
gre = 255
blu = 0
z = 100
sub window_onload ()
Appelez MyBody.filters.light.Addpoint (0,0, Z, Red, Gre, Blu, 100)
mybody.style.cursor = "main"
Sub-Sub
sous-document_onmousmove ()
x = window.event.x
y = window.event.y
Appelez mybody.filters.light.movelight (0, x, y, 100, 1)
Sub-Sub
</cript>
<script linguisse = "javascript">
// c'est une fonction pour déplacer la couche
fonction move_layer ()
{
Couche1.style.left = event.clientx + document.body.scrollleft-50;
Couche1.style.top = event.clienty + document.body.scrolltop-20;
}
// Ce que nous voulons dire ici, c'est que si la souris se déplace, la fonction "move_layer" est appelée.
document.onMouseMove = move_layer;
</cript>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.