一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

Jquery实现由下向上展开的效果

时间:2013-08-30 编辑:简简单单 来源:一聚教程网


(因为slideDown说白了就是动态改变元素高度,底部定位固定,高度变高的时候就向上扩展了)

 代码如下 复制代码

 //精品推荐
$('.remm_product ul li').hover(
  function(){
   $(this).find('.p_info').slideDown();
  },
  function(){
   $(this).find('.p_info').slideUp();
  }
)


jquery slidetoggle也可以实现内容缓慢展开和收起的操作。

 代码如下 复制代码

 




 


 

 


Eiege.com


jquery专栏,学习和交流。Eiege专栏



 

请点击这里


 


jQuery 拥有以下滑动函数:

$(selector).slideDown(speed,callback):把内容从上向下展开
$(selector).slideUp(speed,callback):把内容从下向上收起
$(selector).slideToggle(speed,callback):内容上下方向的收起和展开
speed 参数可以设置这些值:"slow", "fast", "normal" 或毫秒。

热门栏目