H5 + CSS3 + JQ

ボックスを描画する1.サイドバーの情報

通常、サイドバーは、メッセージボックスを描画します浮動マウス、サイドバーから各メッセージボックスの距離が同じであるので、この問題に対処をしています

サイドバーブロック距離からの情報の量、フレーム情報絶対位置を設定し、絶対親要素の相対位置を位置決めします情報ボックスで、親要素の相対位置を設定した後、親要素の幅を取る:100%、次いで添加距離ブロックサイドバーからの距離情報、右:  計算値(30px + 100%)。

 

2.現在の子供たちの直接の親要素の同胞を探す直接の親)(slideUpました。

 $(この).parent()親()兄弟()(」UL2" を。)を見つけるslideUp()。。。。。
 
 

3.マウスフローティングドロップダウン(停止()は、現在のアニメーションの全ての独立を停止することが意図されています)

$( 'navli').hover(関数(){
    。。$(この).find( 'an_navxiala')ストップ()フェードイン();
}、関数(){
    。。$(この).find( 'an_navxiala')ストップ()フェードアウト();
})
 
 

4.スクロールマウス(スクロールバーの上から右までの距離)

$( "navli")。ホバー(関数(){
    もし($(ウィンドウ).scrollTop()> $( "navbox")。高さ()){
 
}そうしないと{
 
}

おすすめ

転載: www.cnblogs.com/2019qing/p/12089771.html