ホームページ > 記事 > ウェブフロントエンド > ボトムアップ拡張を実装した Jquery の例effect_jquery
ボトムアップ拡張を実装した Jquery の例effect_jquery
- WBOYオリジナル
- 2016-05-16 16:28:331444ブラウズ
一般的な下方向の拡張効果は非常に簡単で、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();
}
)
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。