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)改變元素高度,底部定位固定,高度變高的時候就向上擴展了)
復制代碼 代碼如下:
//精品推薦
$('.remm_product ul li').hover(
function(){
$(this).find('.p_info').slideDown();
},
function(){
$(this).find('.p_info').slideUp();
}
)
相關文章
JQuery實現(xiàn)網(wǎng)頁右側隨動廣告特效
本文給大家分享的是2則使用jquery實現(xiàn)網(wǎng)頁右側隨動廣告特效的代碼,非常的簡單實用,有需要的小伙伴可以參考下。2016-01-01
jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法
這篇文章主要介紹了jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法,實例分析了jQuery操作表單元素的技巧,非常實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jQuery實現(xiàn)點擊自身以外區(qū)域關閉彈出層功能完整示例【改進版】
這篇文章主要介紹了jQuery實現(xiàn)點擊自身以外區(qū)域關閉彈出層功能,結合具體實例形式分析了jQuery事件響應及頁面元素屬性動態(tài)操作實現(xiàn)彈出層打開與關閉相關操作技巧,需要的朋友可以參考下2018-07-07

