Jquery实现由下向上展开效果的例子
作者:bea
常见的做向下展开的效果很简单,直接用slideUp跟slideDown就行。 如果要展开的div是通过position:absolute绝对定位的,且通过相对与底部定位,如bottom:0px 这个时候调用slideDown就是向上展开的。 (因为slideDown说白了就是动态改变元素高度,底部定位固定,高度变高的时候就向上扩展了) 代码如下: //精品推荐 $('.remm_product ul li').hover( function(){ $(this).
常见的做向下展开的效果很简单,直接用slideUp跟slideDown就行。 如果要展开的div是通过position:absolute绝对定位的,且通过相对与底部定位,如bottom:0px 这个时候调用slideDown就是向上展开的。
(因为slideDown说白了就是动态改变元素高度,底部定位固定,高度变高的时候就向上扩展了)
代码如下:
//精品推荐
$('.remm_product ul li').hover(
function(){
$(this).find('.p_info').slideDown();
},
function(){
$(this).find('.p_info').slideUp();
}
)
有用 | 无用
(因为slideDown说白了就是动态改变元素高度,底部定位固定,高度变高的时候就向上扩展了)
代码如下:
//精品推荐
$('.remm_product ul li').hover(
function(){
$(this).find('.p_info').slideDown();
},
function(){
$(this).find('.p_info').slideUp();
}
)
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript中的this详解
- node.js中的path.isAbsolute方法使用说明
- node.js中的path.normalize方法使用说明
- node.js中的path.sep方法使用说明
- node.js中的path.resolve方法使用说明
- node.js中的events.EventEmitter.listenerCount方法使用说明
- node.js中的dns.getServers方法使用说明
- AngularJS入门知识之MVW类框架的编程思想探讨
- Js中使用hasOwnProperty方法检索ajax响应对象的例子
- ECMAScript5中的对象存取器属性:getter和setter介绍
- JavaScript对象之深度克隆介绍
- SeaJS 与 RequireJS 的差异对比
- JavaScript中的ArrayBuffer详细介绍
- JS实现仿京东淘宝竖排二级导航
- js继承call()和apply()方法总结
- ANGULARJS中用NG-BIND指令实现单向绑定的例子
- 详解Javascript动态操作CSS
- jquery.ajax之beforeSend方法使用介绍
- 实例讲解JQuery中this和$(this)区别