よく使用される左側のナビゲーション効果は、JS がシンプルで、ナビゲーションのパフォーマンスを向上させるために設計されているアプリケーションを参照できます。
効果表示:
HTML:
JS:
$(".menu_list li").mouseenter(function(){
$(".menu_box").show();
var nav_index = $(".menu_list li") .index(this);
$(".menu_cont").eq(nav_index).show()//スライディング メニューは現在のコンテンツに対応します
.siblings().hide(); });
$(".menu").mouseleave(function(){
$(".menu_box").hide();