Cet article décrit la méthode de JS pour détecter les changements de souris dans l'image d'arrière-plan. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Après avoir cliqué sur la souris, l'image d'arrière-plan change. En cliquant sur le devant d'un autre élément de menu, restaurera automatiquement l'arrière-plan. En fait, si vous utilisez simplement CSS, vous ne pouvez pas le faire. Nous devons également utiliser JS pour juger le statut de la souris. Le code est le suivant:
<style type = "text / css"> .dh a {background: #fffcc; width: 50px; height: 30px; affiche: bloc; Text-Align: Center; Color: # 000000;} .dh a: hover {background: # ff9900;} </ style> </ head> <body> <div> <div> <a href = "#"> navigation1 </a> </div> <div> <a href = "#"> navigation2 </a> </div> <adiv> <adiv> href="#">Navigation3</a></div> <div><a href="#">Navigation4</a></div> <div><a href="#">Navigation4</a></div> <div><a href="#">Navigation1</a></div> <div><a href="#">Navigation2</a></div> <div> <a href = "#"> navigation3 </a> </div> <div> <a href = "#"> navigation4 </a> </div> <v> <a href = "#"> Navigation 5 </a> </div> </div> <script type = "text / javascript"> $ (function () {$ (".". Dh a "). $ (". dh a"). reposattr ("style"); $ (this) .attr ("style", "background: # ccff99;");J'espère que cet article sera utile à la programmation JavaScript de tous.