1. Définissez d'abord une function JavaScript, comme suit:
fonction PumperMenu (niveau) {var levellngth = ('row' + level) .length; var todo = '0'; for (var icount = 0; icount <document.all.length; icount ++) {if (document.all [icount] .id.indexof ('row' + niveau)> -1 && (document.all [iCount] .Id.Length niveau) .src.Indexof ('moins.gif')> -1) {document.all [iCount] .Style.display = 'None'; todo = '1';} else {document.all [iCount] .Style.display = 'Block'; ToDo = '0';}}} if (toDo == '1') {document.all.all. «images / plus.gif»; } else {document.all ('niveau' + niveau) .src = 'images / moins.gif'; }} 2. Définissez ensuite une div et un ul sur la page Web. Notez que div doit inclure une image avec id commençant par level et un événement onclick . id dans ul doit inclure row , qui est étendue par défaut. S'il doit être fermé par défaut, vous devez ajouter style="display:none" à ul
Les exemples sont les suivants:
<body> <divStyle = "Cursor: Hand" onClick = "PuckerMenu ('1');"> <imgid = niveau1src = "images / moins.gif"> classe publique DataAccess </div> <ullid = row1> <li> String private ConnString; <divStyle = "Cursor: Cursor: main "onclick =" puckermenu ('2'); "> <imgid = niveau2src =" images /plus.gif"> dbconnection de dbconnection () </div> <ullid = row2style = "affiche: aucun"> {...} </ul> <li> autre </ul> </pody>Résumer
Ce qui précède concerne cet article, j'espère qu'il sera utile à ceux qui en ont besoin. Si vous avez des questions, veuillez laisser un message à discuter.