Jquery实现由下向上展开效果的例子
程序员文章站
2022-09-15 07:51:59
常见的做向下展开的效果很简单,直接用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();
}
)
上一篇: 埃及艳后钟爱的14个牛奶美容小秘方
推荐阅读
-
jQuery实现带滚动线条导航效果的方法教程
-
Jquery的Tabs内容轮换效果实现代码
-
jQuery+CSS实现的标签页效果示例【测试可用】
-
jQuery向下滚动即时加载内容实现的瀑布流效果
-
jQuery实现点击文本框弹出热门标签的提示效果
-
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
-
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
-
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
-
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
-
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果