Heim >Web-Frontend >js-Tutorial >JS-Methode zum Implementieren der Klickzyklusumschaltung zur Anzeige von Inhalten
In diesem Artikel wird hauptsächlich die Methode von JS vorgestellt, mit der das Wechseln des Klickzyklus zum Anzeigen von Inhalten realisiert wird. Dazu gehören die Reaktion auf Mausereignisse und damit verbundene Bedienfähigkeiten wie das Abrufen von Seitenelementen und das Festlegen von Attributen. Freunde, die mit js vertraut sind kann auf Folgendes verweisen Dieser ArtikelDas Beispiel dieses Artikels beschreibt die Methode zur Verwendung von JS, um die Umschaltung des Klickzyklus zum Anzeigen von Inhalten zu realisieren. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Der spezifische Code lautet wie folgt:
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für alle hilfreich sein, die js lernen!<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.php.cn 点击循环切换内容</title> <style> a { cursor: pointer; color: red; } p { display: none; } </style> </head> <body> <a onclick="con()">循环切换内容</a> <p>11111</p> <p>22222</p> <p>33333</p> <script> //可以换成切换图片等等 flag = 0; pre = 0; function con(){ var cons = document.getElementsByTagName("p"); document.getElementsByTagName("p")[pre].style.display = "none"; document.getElementsByTagName("p")[flag].style.display = "inline"; console.log(flag); pre = flag; if(flag == cons.length - 1) { //注意是cons.length-1,因为索引值是从0开始的 flag = 0; } else { ++flag; } } </script> </body> </html>
Verwandte Empfehlungen:
Detaillierte Beispiele für die JS-Entfernung aller Kommas in ZeichenfolgenJS-Implementierung zum Verschieben von Elementen nach oben, unten, links und rechtsJS klicken Sie auf den Link, um zur Anzeige versteckter Inhalte zu wechselnDas obige ist der detaillierte Inhalt vonJS-Methode zum Implementieren der Klickzyklusumschaltung zur Anzeige von Inhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!