Jquery实现由下向上展开效果的例子
程序员文章站
2022-03-28 20:12:17
常见的做向下展开的效果很简单,直接用slideup跟slidedown就行。
如果要展开的p是通过position:absolute绝对定位的,且通过相对与底部定位,如botto...
常见的做向下展开的效果很简单,直接用slideup跟slidedown就行。
如果要展开的p是通过position:absolute绝对定位的,且通过相对与底部定位,如bottom:0px 这个时候调用slidedown就是向上展开的。
(因为slidedown说白了就是动态改变元素高度,底部定位固定,高度变高的时候就向上扩展了)
代码如下:
//精品推荐
$('.remm_product ul li').hover(
function(){
$(this).find('.p_info').slidedown();
},
function(){
$(this).find('.p_info').slideup();
}
)
推荐阅读
-
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
-
jQuery插件zTree实现的多选树效果示例
-
jquery实现的导航固定效果
-
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
-
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
-
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
-
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
-
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
-
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
-
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】