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居然支持中文(unicode)编程!
Apr 12 Javascript
javascript面向对象入门基础详细介绍
Sep 05 Javascript
js 获取和设置css3 属性值的实现方法
May 06 Javascript
js实现拉伸拖动iframe的具体代码
Aug 03 Javascript
node.js Web应用框架Express入门指南
May 28 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
jQuery中ajax的load()与post()方法实例详解
Jan 05 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
Apr 20 Javascript
js数据类型检测总结
Aug 05 Javascript
一个手写的vue放大镜效果
Aug 09 Javascript
原生js实现随机点餐效果
Dec 10 Javascript
一篇文章学会Vue中间件管道
Jun 20 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
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
php将access数据库转换到mysql数据库的方法
2014/12/24 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
PHP数组对象与Json转换操作实例分析
2019/10/22 PHP
判断目标是否是window,document,和拥有tagName的Element的代码
2010/05/31 Javascript
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
2010/06/25 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
微信小程序 Storage API实例详解
2016/10/02 Javascript
聊聊JavaScript如何实现继承及特点
2017/04/07 Javascript
基于node打包可执行文件工具_Pkg使用心得分享
2018/01/24 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
2019/11/25 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
2020/04/23 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
解决python写的windows服务不能启动的问题
2014/04/15 Python
浅析Python中MySQLdb的事务处理功能
2016/09/21 Python
Python将8位的图片转为24位的图片实现方法
2018/10/24 Python
解决pandas .to_excel不覆盖已有sheet的问题
2018/12/10 Python
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
python、PyTorch图像读取与numpy转换实例
2020/01/13 Python
new_zeros() pytorch版本的转换方式
2020/02/18 Python
matplotlib之pyplot模块之标题(title()和suptitle())
2021/02/22 Python
Tory Burch美国官方网站:美国时尚生活品牌
2016/08/01 全球购物
澳大利亚最好的在线时尚精品店:Princess Polly
2018/01/03 全球购物
罗马尼亚在线杂货店:Pilulka.ro
2019/09/28 全球购物
Java面试题及答案
2012/09/08 面试题
Structs界面控制层技术
2013/10/11 面试题
酒店实习个人鉴定
2013/12/07 职场文书
2014县委书记党的群众路线教育实践活动对照检查材料思想汇报
2014/09/22 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
思想作风建设心得体会
2014/10/22 职场文书
2014年教研组工作总结
2014/11/26 职场文书
Python中异常处理用法
2021/11/27 Python
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫
实战 快速定位MySQL的慢SQL
2022/03/22 MySQL