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 相关文章推荐
jquery 3D球状导航的文章分类
Jul 06 Javascript
关于JavaScript与HTML的交互事件
Apr 12 Javascript
动态加载js和css(外部文件)
Apr 17 Javascript
动态加载jQuery的方法
Jun 16 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
详解Javascript数据类型的转换规则
Dec 12 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
Dec 27 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
layuiAdmin循环遍历展示商品图片列表的方法
Sep 16 Javascript
vue添加自定义右键菜单的完整实例
Dec 08 Vue.js
原生JavaScript实现随机点名表
Jan 14 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 图片上传实现代码 带详细注释
2010/04/29 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
php常用正则函数实例小结
2016/12/29 PHP
thinkPHP3.2.3实现阿里大于短信验证的方法
2018/06/06 PHP
PHP 7.4 新语法之箭头函数实例详解
2019/05/09 PHP
用jscript实现列出安装的软件列表
2007/06/18 Javascript
js控制的遮罩层实例介绍
2013/05/29 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
按Enter键触发事件的jquery方法实现代码
2014/02/17 Javascript
jQuery设置与获取HTML,文本和值的简单实例
2014/02/26 Javascript
AngularJS入门教程(二):AngularJS模板
2014/12/06 Javascript
jQuery中slice()方法用法实例
2015/01/07 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
Perl Substr()函数及函数的应用
2015/12/16 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
2017/03/02 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
2018/05/22 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
写了个监控nginx进程的Python脚本
2012/05/10 Python
用pywin32实现windows模拟鼠标及键盘动作
2014/04/22 Python
在Windows8上的搭建Python和Django环境
2014/07/03 Python
Python使用Redis实现作业调度系统(超简单)
2016/03/22 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
Python如何输出整数
2020/06/07 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
兰蔻加拿大官方网站:Lancome加拿大
2016/08/05 全球购物
美国著名的家居用品购物网站:Bed Bath & Beyond
2018/01/05 全球购物
世界遗产导游词
2015/02/13 职场文书
出国留学自荐信模板
2015/03/06 职场文书
大学生实习推荐信
2015/03/27 职场文书
给朋友的道歉短信
2015/05/12 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书