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 相关文章推荐
JavaScript 权威指南(第四版) 读书笔记
Aug 11 Javascript
用 Javascript 验证表单(form)中多选框(checkbox)值
Sep 08 Javascript
在JavaScript中获取请求的URL参数[正则]
Dec 25 Javascript
javascript五图轮播切换实用版
Aug 17 Javascript
使用JS 清空File控件的路径值
Jul 08 Javascript
JavaScript小技巧整理
Dec 30 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
Apr 13 Javascript
ES6新特性四:变量的解构赋值实例
Apr 21 Javascript
JavaScript事件委托原理与用法实例分析
Jun 07 Javascript
微信小程序开发之路由切换页面重定向问题
Sep 18 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
Vue + iView实现Excel上传功能的完整代码
Jun 22 Vue.js
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
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
解析:使用php mongodb扩展时 需要注意的事项
2013/06/18 PHP
php生成EAN_13标准条形码实例
2013/11/13 PHP
php实现设计模式中的单例模式详解
2014/10/11 PHP
WordPress中邮件的一些修改和自定义技巧
2015/12/15 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
2011/06/20 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
2015/12/03 Javascript
js实现仿qq消息的弹出窗效果
2016/01/06 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
一次$.getJSON不执行的简单记录
2016/07/19 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
AngularJS中的按需加载ocLazyLoad示例
2017/01/11 Javascript
js实现文字跑马灯效果
2017/02/23 Javascript
js判断是否是手机页面
2017/03/17 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
Vue中父子组件通讯之todolist组件功能开发
2018/05/21 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
Vue实现简单的拖拽效果
2020/08/25 Javascript
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
Python+Opencv识别两张相似图片
2020/03/23 Python
python中pandas.DataFrame的简单操作方法(创建、索引、增添与删除)
2017/03/12 Python
使用python编写监听端
2018/04/12 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
Python基于scipy实现信号滤波功能
2019/05/08 Python
对于Python深浅拷贝的理解
2019/07/29 Python
在vscode中配置python环境过程解析
2019/09/28 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
最新远光软件笔试题面试题内容
2013/11/08 面试题
《祁黄羊》教学反思
2014/04/22 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
Nginx 常用配置
2022/05/15 Servers