Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie die HTML-Hintergrundnavigation iFrame. Klicken Sie hier, um die URL (Code) zu ändern.

So implementieren Sie die HTML-Hintergrundnavigation iFrame. Klicken Sie hier, um die URL (Code) zu ändern.

不言
不言Original
2018-08-30 11:22:272557Durchsuche

Der Inhalt dieses Artikels befasst sich mit der Implementierung des HTML-Hintergrundnavigations-Iframes. Klicken Sie hier, um die URL (Code) zu ändern. Ich hoffe, dass er für Sie hilfreich ist.

Ich habe im Internet eine Hintergrundvorlage gefunden, aber ich wollte die Kopf- und Fußzeile nicht wiederholt laden...

Ich habe über die Verwendung eines Iframes nachgedacht. Ich schreibe, was ich will. Ratschläge

id="nav_menu" werden zur URL des sekundären Menüs hinzugefügt...

<script type="text/javascript">
    //导航
    $(&#39;#nav_menu a&#39;).click(function(){
        //选中样式
        $(".am-fr").removeClass(&#39;am-icon-star&#39;);
        $(this).children(&#39;.am-fr&#39;).addClass(&#39;am-icon-star&#39;);
        //url
        href = $(this).attr(&#39;href&#39;);
        $(&#39;#iframe&#39;).attr(&#39;src&#39;,href);
        return false;
    });

    //iframe是否加载完,并且隐藏滚动条
    var iframe = document.getElementById("iframe");
    if (iframe.attachEvent){
      iframe.attachEvent("onload", function(){
        hideS();
      });
    } else {
      iframe.onload = function(){
        hideS();
      };
    }

    function hideS()
    {
      document.getElementById("iframe").scrolling="no";
      document.getElementById("iframe").style.overflow="hidden";
    }
</script>

Verwandte Empfehlungen:

Wie erstelle ich einen verschachtelten Iframe-Frameset-Frame? Klicken Sie auf den Hyperlink in der Navigationsleiste. Die Browser-URL ändert sich? ? _html/css_WEB-ITnose

Bootstrap, Navigationsleisten-Klickeffektreparatur (Reparatur) _html/css_WEB-ITnose

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die HTML-Hintergrundnavigation iFrame. Klicken Sie hier, um die URL (Code) zu ändern.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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