Jquery實現(xiàn)由下向上展開效果的例子
更新時間:2014年12月08日 08:53:53 投稿:junjie
這篇文章主要介紹了Jquery實現(xiàn)由下向上展開效果的例子,本文同時講解了向下展開的例子,需要的朋友可以參考下
常見的做向下展開的效果很簡單,直接用slideUp跟slideDown就行。
如果要展開的div是通過position:absolute絕對定位的,且通過相對與底部定位,如bottom:0px 這個時候調用slideDown就是向上展開的。
(因為slideDown說白了就是動態(tài)改變元素高度,底部定位固定,高度變高的時候就向上擴展了)
復制代碼 代碼如下:
//精品推薦
$('.remm_product ul li').hover(
function(){
$(this).find('.p_info').slideDown();
},
function(){
$(this).find('.p_info').slideUp();
}
)
相關文章
Spring MVC中Ajax實現(xiàn)二級聯(lián)動的簡單實例
下面小編就為大家?guī)硪黄猄pring MVC中Ajax實現(xiàn)二級聯(lián)動的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07jQuery實現(xiàn)的手機發(fā)送驗證碼倒計時效果代碼分享
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)手機注冊發(fā)送驗證碼倒計時功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2015-08-08jQuery動態(tài)追加頁面數(shù)據(jù)以及事件委托詳解
這篇文章主要為大家詳細介紹了jQuery動態(tài)追加頁面數(shù)據(jù)以及事件委托的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05