<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();
});