Cet article décrit la fonction d'affichage multi-fenêtres de JS implémentant simplement l'effet de commutation d'onglet. Partagez-le pour votre référence, comme suit:
<div style = "Text-Align: Center; margin-top: 40px;"> <div> <span id = "newstab1" onMouseover = "setab ('newstab', 1,3)"> <a href = "###" Target = "_ Blank"> Department New <a href = "###" cible = "_ Blank"> Rapport de médias </a> </span> <spann id = "newstab3" onMouseover = "Settab ('newstab', 3,3)"> <a href = "###" Target = "_ Blank"> Recherche académique </a> </pande> </v> <v> <v Id = "con_a> </pande> </v> <v> <v> <li> <span> 2015-09-09 </span> <a href = "###" Target = "_ Blank"> qui vous a demandé de réciter le parfum de chute d'eau 1 </a> </li> <li> <span> 2015-08-17 </ span> <a href = "###" Target = "_ Blank"> 1 </a> </li> <li> <span> 2015-08-05 </span> <a href = "###" Target = "_ Blank"> qui vous a demandé de réciter le parfum de chute d'eau flottant 1 </a> </li> </ul> </ divis> <div id = "con_newstab_2" Style = "Affichage: Aucun;"> <ul> <li> <span> 2015-09-09 </span> <a href = "###" Target = "_ Blank"> qui vous a demandé de réciter le parfum de chute d'eau flottant 2 </a> </li> <li> <span> 2015-08-17 </span> <a href = "###" Target = "_ Blank"> qui vous a demandé de réciter le flagance de l'abondance de l'eau à l'eau 2 </a> </li> </ div> <div id = "con_newstab_3" style = "display: non;"> <ul> <li> <span> 2015-09-09 </span> <a href = "###" Target = "_ Blank"> qui vous a demandé de réciter le Fragrance en chute d'eau Flagance 3 </a> </li> <li> <span> 2015-08-17 </span> <a href = "###" Target = "_ Blank"> qui vous a demandé de réciter le parfum de chute d'eau flottant 3 </a> </li> </div> </div> </div> <script type = "Text / Javascript"> SEPTAB (NAME, CURSEL, N) {pour (pour (i = 1; i <n; menu = document.getElementById (name + i); var con = document.getElementById ("con _" + name + "_" + i); menu.classname = i == cursel? "Hover": ""; con.style.display = i == CURSEL? "Block": "Aucun"; }} </ script>Image de reproduction:
Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé de l'algorithme de traversée JavaScript et compétences", "Résumé des compétences JavaScript Switching Special Effects", "Résumé des effets spéciaux de la recherche JavaScript", "Résumé des erreurs de données javascript et compétences en algorithme "et" Résumé de l'utilisation de l'opération mathématique JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.