suchen

Heim  >  Artikel  >  Web-Frontend  >  JS-Methode zum Implementieren der Klickzyklusumschaltung zur Anzeige von Inhalten

JS-Methode zum Implementieren der Klickzyklusumschaltung zur Anzeige von Inhalten

韦小宝
韦小宝Original
2018-01-11 10:14:392168Durchsuche

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 Zeichenfolgen

JS-Implementierung zum Verschieben von Elementen nach oben, unten, links und rechts

JS klicken Sie auf den Link, um zur Anzeige versteckter Inhalte zu wechseln

Das 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!

JavaScript 字符串 循环 JS 事件 鼠标事件
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie vue-cli das Bootstrap-Tool vorstelltNächster Artikel：Wie vue-cli das Bootstrap-Tool vorstellt

In Verbindung stehende Artikel

Mehr sehen