ミレーjQueryのドロップダウンボックスを達成するために

<DIV CLASS = "daohanglan"> 
<DIV CLASS = "DH">キビ電話< -複数のカスタマイズ- >
<DIV CLASS = "dhbottom">
     </ div>
   </ div>
</ div>
 
.dh { 

高さ:88px;
フロート:左;
フォントサイズ:16pxに;
テキスト整列:センター;
行の高さ:88px;
パディング左:20ピクセル;
色:#333;
/ *マージン右:5pxの; * /
}
.daohanglan { 
幅:820px;
高さ:88px;

パディング:12ピクセル0 0 30px;
フロート:左;
}
.dhbottom { 
幅:100%。
背景色:白;
位置:絶対;
左:0;
右:100ピクセル;
Zインデックス:787;
表示:なし;
}


$(ドキュメント).ready(関数(){
letのタグ= 0;
$( "daohanglan。")のMouseEnter(関数(){< - daohanglanナビゲーションバーブロックが配置され、.dhタイトルナビゲーション表示。!。 、表示されるリストの外に移動する.dhbottom - >
        タグ= 3。
console.log( "移入daohanglan");
});
$( 'DH')ホバリング(関数(){
$(この).mouseenter(関数(){
タグ= 1;
はconsole.log( "DH移入");
});
IF(タグ=== 1)
{

( 'dhbottomを')。$(この).children CSS({高さ:230})、CSS({表示: "ブロック"})を表示();

}
もし(タグ=== 3){
$(本).children( 'dhbottom。 ')(アニメーション{高さ:230}、500).SHOW();


}
}、関数(){
。$(この).children('。dhbottom')アニメーション({高さ:0}、500).hide();

});



おすすめ

転載: www.cnblogs.com/superSmall/p/11420271.html