ホームページ > ウェブフロントエンド > htmlチュートリアル > ドロップダウン メニューが常に表示されない asp_html/css_WEB-ITnose

ドロップダウン メニューが常に表示されない asp_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:29:15
オリジナル
1086 人が閲覧しました






<%=stitle&title%>







#menu, #menu ul {
margin: 0;
パディング: 0;
リスト形式: なし。
}
#menu {
ズーム: 1;
}
#menu li {
float: left;
位置: 相対的。
}
#menu ul {
可視性:非表示;
位置: 絶対的;
上部: 193 ピクセル;
左: 567ピクセル;
z インデックス: 1;
背景: #fff;
}
#menu li:hover > ul {
不透明度: 1;
可視性: 可視;
マージン: 0;
}

<スクリプト>
$(function() {
$('li').has('ul').mouseover(function(){
$(this).children('ul').css('visibility','visible' );
}).mouseout(function(){
$(this).children('ul').css('visibility','hidden');
})
});



<ボディ>







回复讨论(解决方案)

下拉菜单不用JS的、纯CSS完全可实现!

れーれー

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート