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


Posted in Javascript onDecember 08, 2014

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

  }

 )
Javascript 相关文章推荐
js动画(animate)简单引擎代码示例
Dec 04 Javascript
使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证
Sep 01 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 Javascript
JavaScript中常见获取元素的方法汇总
Mar 04 Javascript
深入理解js promise chain
May 05 Javascript
你点的 ES6一些小技巧,请查收
Apr 25 Javascript
对vue中v-on绑定自定事件的实例讲解
Sep 06 Javascript
基于VUE实现的九宫格抽奖功能
Sep 30 Javascript
JavaScript 链表定义与使用方法示例
Apr 28 Javascript
javascript实现文字跑马灯效果
Jun 18 Javascript
js 实现Material UI点击涟漪效果示例
Sep 23 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 #Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 #Javascript
web前端设计师们常用的jQuery特效插件汇总
Dec 07 #Javascript
基于jQuery实现的文字按钮表单特效整理
Dec 07 #Javascript
基于jQuery实现的图片切换焦点图整理
Dec 07 #Javascript
推荐6款基于jQuery实现图片效果插件
Dec 07 #Javascript
推荐9款炫酷的基于jquery的页面特效
Dec 07 #Javascript
You might like
生成静态页面的PHP类
2006/07/15 PHP
Php output buffering缓存及程序缓存深入解析
2013/07/15 PHP
PHP递归复制、移动目录的自定义函数分享
2014/11/18 PHP
Laravel5.5 动态切换多语言的操作方式
2019/10/25 PHP
Jquery中Ajax 缓存带来的影响的解决方法
2011/05/19 Javascript
THREE.JS入门教程(2)着色器-上
2013/01/24 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
JavaScript中省略元素对数组长度的影响
2016/10/26 Javascript
JavaScript 控制字体大小设置的方法
2016/11/23 Javascript
Angular实现跨域(搜索框的下拉列表)
2017/02/16 Javascript
详解angularjs获取元素以及angular.element()用法
2017/07/25 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
2020/08/31 Javascript
10分钟教你用Python实现微信自动回复功能
2018/11/28 Python
python 执行文件时额外参数获取的实例
2018/12/18 Python
Python如何获得百度统计API的数据并发送邮件示例代码
2019/01/27 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
Python算法中的时间复杂度问题
2019/11/19 Python
python suds访问webservice服务实现
2020/06/26 Python
css3发光搜索表单分享
2014/04/11 HTML / CSS
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
加拿大在线眼镜零售商:SmartBuyGlasses加拿大
2019/05/25 全球购物
阿联酋航空丹麦官方网站:Emirates DK
2019/08/25 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
护士自我鉴定范文
2013/10/06 职场文书
优秀毕业生求职信范文
2014/01/02 职场文书
告诉你怎样写创业计划书
2014/01/27 职场文书
双拥工作宣传标语
2014/06/26 职场文书
Go语言应该什么情况使用指针
2021/07/25 Golang
据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元
2021/11/11 Python