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

2019-11-20 13:47:34

字体：大中小

来源：转载

供稿：网友

常见的做向下展开的效果很简单，直接用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();
  }
 )

上一篇：实例讲解JQuery中this和$(this)区别

下一篇：Javascript常用字符串判断函数代码分享

学习交流

索泰发布一款GTX 1070 Mini迷你版本:小机

索泰发布一款GTX 1070 Mini迷你版本:小机箱大爱...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:05

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:02

华为轮值董事长郭平：虚拟技术创造现实价值

2019-10-21 09:00:12

滴滴英文服务上线两周年用户已超200万

2019-09-26 08:57:12

华为推出全球至快AI训练集群Atlas900

2019-09-25 08:46:36

马斯克：特斯拉正组建中国技术团队

2019-09-25 08:15:43

疑难解答

图片精选

网友关注