关于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实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jquery+css实现侧边导航栏效果
Jun 12 jQuery
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
jquery实现选项卡切换代码实例
May 14 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
jquery添加div实现消息聊天框
Feb 08 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
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
PHP编程中的__clone()方法使用详解
2015/11/27 PHP
php版银联支付接口开发简明教程
2016/10/14 PHP
php原生导出excel文件的两种方法(推荐)
2016/11/19 PHP
Javascript 代码也可以变得优美的实现方法
2009/06/22 Javascript
JavaScript中__proto__与prototype的关系深入理解
2012/12/04 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
JavaScript前端开发之实现二进制读写操作
2015/11/04 Javascript
20分钟轻松创建自己的Bootstrap站点
2016/05/12 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
js实现unicode码字符串与utf8字节数据互转详解
2019/03/21 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
2020/01/16 Javascript
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
[01:04:49]KG vs LGD 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Python网络爬虫项目:内容提取器的定义
2016/10/25 Python
关于python的bottle框架跨域请求报错问题的处理方法
2017/03/19 Python
快速入门python学习笔记
2017/12/06 Python
浅谈Pandas中map, applymap and apply的区别
2018/04/10 Python
详解Python下ftp上传文件linux服务器
2018/06/21 Python
python爬取酷狗音乐排行榜
2019/02/20 Python
Python项目 基于Scapy实现SYN泛洪攻击的方法
2019/07/23 Python
python tkinter之顶层菜单、弹出菜单实例
2020/03/04 Python
如何利用Python识别图片中的文字
2020/05/31 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
怎样有效的进行自我评价
2013/10/06 职场文书
消防器材管理制度
2014/01/28 职场文书
毕业生自荐书
2014/02/03 职场文书
2016暑期师德培训心得体会
2016/01/09 职场文书
如何利用Python实现n*n螺旋矩阵
2022/01/18 Python