Jquery實(shí)現(xiàn)由下向上展開效果的例子
更新時間：2014年12月08日 08:53:53 投稿：junjie
這篇文章主要介紹了Jquery實(shí)現(xiàn)由下向上展開效果的例子,本文同時講解了向下展開的例子,需要的朋友可以參考下
常見的做向下展開的效果很簡單，直接用slideUp跟slideDown就行。
如果要展開的div是通過position:absolute絕對定位的，且通過相對與底部定位，如bottom:0px 這個時候調(diào)用slideDown就是向上展開的。
（因?yàn)閟lideDown說白了就是動態(tài)改變元素高度，底部定位固定，高度變高的時候就向上擴(kuò)展了）
復(fù)制代碼 代碼如下:
//精品推薦
$('.remm_product ul li').hover(
function(){
$(this).find('.p_info').slideDown();
},
function(){
$(this).find('.p_info').slideUp();
}
)
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)鼠標(biāo)滑過Div層背景變顏色的方法
- jquery鼠標(biāo)放上去顯示懸浮層即彈出定位的div層
- 基于jquery的用鼠標(biāo)畫出可移動的div
- jQuery實(shí)現(xiàn)div跟隨鼠標(biāo)移動
- jQuery實(shí)現(xiàn)鼠標(biāo)跟隨提示層效果代碼(可顯示文本,Div,Table,Html等)
- jQuery實(shí)現(xiàn)DIV層收縮展開的方法
- jquery實(shí)現(xiàn)鼠標(biāo)滑過顯示提示框的方法
- jQuery實(shí)現(xiàn)的鼠標(biāo)滑過彈出放大圖片特效
- jQuery實(shí)現(xiàn)表格展開與折疊的方法
- jQuery實(shí)現(xiàn)DIV響應(yīng)鼠標(biāo)滑過由下向上展開效果示例【測試可用】
相關(guān)文章
本文給大家介紹的是jquery中添加屬性和刪除屬性的方法和具體的示例，有需要的小伙伴可以參考下2015-06-06
這篇文章主要介紹了jQuery簡單注冊和禁用全局事件的方法,結(jié)合實(shí)例形式分析了jQuery中ajaxStart與ajaxStop方法的使用技巧,需要的朋友可以參考下2016-07-07
jquery easyui combox一些實(shí)用的小方法
這篇文章主要介紹了jquery easyui combox一些實(shí)用的小方法，有需要的朋友可以參考一下2013-12-12
這篇文章主要為大家詳細(xì)介紹了jquery圖片放大鏡效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
Spring MVC中Ajax實(shí)現(xiàn)二級聯(lián)動的簡單實(shí)例
下面小編就為大家?guī)硪黄猄pring MVC中Ajax實(shí)現(xiàn)二級聯(lián)動的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
本文給大家總結(jié)了關(guān)于jquery中頁面返回頂部的方法小結(jié)，以及各個方法的優(yōu)缺點(diǎn)介紹，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2016-12-12
jQuery實(shí)現(xiàn)的手機(jī)發(fā)送驗(yàn)證碼倒計時效果代碼分享
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)手機(jī)注冊發(fā)送驗(yàn)證碼倒計時功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)全屏滾動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
jQuery動態(tài)追加頁面數(shù)據(jù)以及事件委托詳解
這篇文章主要為大家詳細(xì)介紹了jQuery動態(tài)追加頁面數(shù)據(jù)以及事件委托的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
使用jquery Ajax實(shí)現(xiàn)上傳附件功能
這篇文章主要為大家詳細(xì)介紹了使用jquery Ajax實(shí)現(xiàn)上傳附件功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10