关于jQuery中fade(),show()起始位置的一点小发现


Posted in jQuery onApril 25, 2017

最近在鼓弄主页的时候想要添加一个音乐播放的插件,暂时使用网易与音乐外链播放器,效果是在右下角弹出和消失,于是问题来了:

show()和fade()函数是用来显示或者隐藏元素的函数,可以为其传入时间参数,使得函数在多少毫秒内完成。

但是出现和消失的起始点在哪里呢?

默认的话,是左上角:

关于jQuery中fade(),show()起始位置的一点小发现

但是有的时候要设置元素出现的位置,比如我想让元素以右下角为起始位置,怎么做呢?

我也是否然发现但不确定是否是隐藏属性,就是我为元素设置了如下样式:

aside{
  position: fixed;
  bottom:65px;
  right:20px;
}

如此以来,元素就会以“右下角”作为出现和消失的基准点:

关于jQuery中fade(),show()起始位置的一点小发现

但是这种效果只在为元素设置position属性为fixed或者absolute时才有效果,其它时候没效果?

我认为具体实现就需要翻看源码了,哪位同仁搞清楚这个机制的话,欢迎评论或者私信,个人造诣不够。

另外,跪求一个录制gif的软件,也看到了,上面的动图效果是多么的差,至于比较广泛的GifCam软件,我这里录制出来的会变黑。。好吧,难道是要换电脑了吗???

以上这篇关于jQuery中fade(),show()起始位置的一点小发现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
jquery实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
jquery与js实现全选功能的区别
Jun 11 jQuery
jQuery实现可拖动进度条实例代码
Jun 21 jQuery
jQuery实现一个简单的验证码功能
Jun 26 jQuery
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
jquery submit()不能提交表单的解决方法
Apr 24 #jQuery
jquery实现异步加载图片(懒加载图片一种方式)
Apr 24 #jQuery
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 #jQuery
jQuery实现百度登录框的动态切换效果
Apr 21 #jQuery
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 #jQuery
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 #jQuery
jQuery+pjax简单示例汇总
Apr 21 #jQuery
You might like
《雄兵连》系列首部大电影《烈阳天道》:可能是因为期望值太高了
2020/08/18 国漫
用PHP生成html分页列表的代码
2007/03/18 PHP
php源代码安装常见错误与解决办法分享
2013/05/28 PHP
PHP面向对象精要总结
2014/11/07 PHP
php $_SESSION会员登录实例分享
2021/01/19 PHP
更优雅的事件触发兼容
2011/10/24 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
jQuery手机拨号界面特效代码分享
2015/08/27 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
2015/09/16 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
js省市县三级联动效果实例
2020/04/15 Javascript
js移动焦点到最后位置的简单方法
2016/11/25 Javascript
Bootstrap页面缩小变形的快速解决办法
2017/02/03 Javascript
深入探究node之Transform
2017/07/20 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
如何在JavaScript中优雅的提取循环内数据详解
2019/03/04 Javascript
一些手写JavaScript常用的函数汇总
2019/04/16 Javascript
[06:16]DOTA2守卫传承者——职业选手谈心路历程
2015/02/26 DOTA
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
python+matplotlib实现礼盒柱状图实例代码
2018/01/16 Python
Python 查看文件的读写权限方法
2018/01/23 Python
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
Linux管理员面试题 Linux admin interview questions
2016/07/08 面试题
结构工程研究生求职信
2013/10/13 职场文书
房产销售经理职责
2013/12/20 职场文书
一份婚庆公司创业计划书
2014/01/11 职场文书
《落花生》教学反思
2014/02/25 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
幼儿园见习报告范文
2014/10/30 职场文书
后天观后感
2015/06/08 职场文书
2016高中社会实践心得体会范文
2016/01/14 职场文书
Nginx 502 Bad Gateway错误原因及解决方案
2021/03/31 Servers