ホームページ > ウェブフロントエンド > jsチュートリアル > ボトムアップ拡張を実装した Jquery の例effect_jquery

ボトムアップ拡張を実装した Jquery の例effect_jquery

WBOY
リリース: 2016-05-16 16:28:33
オリジナル
1514 人が閲覧しました

一般的な下方向の拡張効果は非常に簡単で、slideUp と slideDown を使用するだけです。
展開される div が、position:absolute によって絶対的に配置されている場合と、bottom:0px などの相対および下位の配置によって配置されている場合、この時点で slideDown を呼び出すと、上向きに展開されます。

(slideDown は、端的に言えば要素の高さを動的に変更し、下の位置は固定で、高さが高くなると上に拡張するため)

コードをコピーします コードは次のとおりです:

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