Maison > Article > interface Web > Comment implémenter l'iframe de navigation en arrière-plan HTML, cliquez pour changer l'URL (code)
Le contenu de cet article explique comment implémenter l'iframe de navigation en arrière-plan HTML, cliquez pour modifier l'URL (code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
J'ai écrit un petit projet. J'ai trouvé un modèle d'arrière-plan sur Internet, mais je ne voulais pas charger l'en-tête et le pied de page à plusieurs reprises...
J'ai pensé à utiliser une iframe. J'écrirai ce que je veux. Tout le monde est le bienvenu. Conseils
id="nav_menu" est ajouté à l'ul du menu secondaire...
<script type="text/javascript"> //导航 $('#nav_menu a').click(function(){ //选中样式 $(".am-fr").removeClass('am-icon-star'); $(this).children('.am-fr').addClass('am-icon-star'); //url href = $(this).attr('href'); $('#iframe').attr('src',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>
Recommandations associées :
Bootstrap, réparation de l'effet de clic de la barre de navigation (réparation) _html/css_WEB-ITnose
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!