Jquery實現(xiàn)由下向上展開效果的例子
更新時間：2014年12月08日 08:53:53 投稿：junjie
這篇文章主要介紹了Jquery實現(xiàn)由下向上展開效果的例子,本文同時講解了向下展開的例子,需要的朋友可以參考下
常見的做向下展開的效果很簡單，直接用slideUp跟slideDown就行。
如果要展開的div是通過position:absolute絕對定位的，且通過相對與底部定位，如bottom:0px 這個時候調(diào)用slideDown就是向上展開的。
（因為slideDown說白了就是動態(tài)改變元素高度，底部定位固定，高度變高的時候就向上擴展了）
復(fù)制代碼 代碼如下:
//精品推薦
$('.remm_product ul li').hover(
function(){
$(this).find('.p_info').slideDown();
},
function(){
$(this).find('.p_info').slideUp();
}
)
您可能感興趣的文章:
相關(guān)文章
jQuery實現(xiàn)背景彈性滾動的導(dǎo)航效果
這篇文章主要介紹了jQuery實現(xiàn)背景彈性滾動導(dǎo)航效果的方法,涉及jQuery動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-06-06
本文主要對平時常用的jquery小技巧進行匯總，具有很好的參考價值，有需要的朋友可以看下2016-12-12
jquery 學(xué)習(xí)筆記 傳智博客佟老師附詳細注釋
本人水平有限，在學(xué)習(xí)時請用批判的態(tài)度學(xué)習(xí)，有問題給我留言 傳智博客佟老師 jqurey 學(xué)習(xí)筆記，以及例子代碼詳細注釋。2009-07-07
JQuery實現(xiàn)網(wǎng)頁右側(cè)隨動廣告特效
本文給大家分享的是2則使用jquery實現(xiàn)網(wǎng)頁右側(cè)隨動廣告特效的代碼，非常的簡單實用，有需要的小伙伴可以參考下。2016-01-01
jquery中用attr()方法來獲取和設(shè)置元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會經(jīng)常用到attr()2015-05-05
這篇文章主要介紹了jQuery動態(tài)添加元素后元素注冊事件失效解決，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法
這篇文章主要介紹了jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法,實例分析了jQuery操作表單元素的技巧,非常實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
很多時候我們需要按時間間隔執(zhí)行一個任務(wù),當滿足一定條件時停止執(zhí)行.此插件旨在解決這一經(jīng)常遇到的問題2013-12-12
這篇文章主要給大家介紹了關(guān)于JQuery實現(xiàn)自定義滾動條的方法,通過本文的介紹你可以換掉千篇一律的默認滾動條,讓你的網(wǎng)站或web項目更具特色,文章通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
jQuery實現(xiàn)點擊自身以外區(qū)域關(guān)閉彈出層功能完整示例【改進版】
這篇文章主要介紹了jQuery實現(xiàn)點擊自身以外區(qū)域關(guān)閉彈出層功能,結(jié)合具體實例形式分析了jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作實現(xiàn)彈出層打開與關(guān)閉相關(guān)操作技巧,需要的朋友可以參考下2018-07-07