关于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仿京东商品放大浏览页面
Jun 06 jQuery
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
菊花转动的jquery加载动画效果
Aug 19 jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
jquery实现动态添加附件功能
Oct 23 jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
JQuery基于FormData异步提交数据文件
Sep 01 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配置文件中最常用四个ini函数
2007/03/19 PHP
PHP获取数组中重复最多的元素的实现方法
2014/11/11 PHP
php+xml编程之xpath的应用实例
2015/01/24 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
PHP使用POP3读取邮箱接收邮件的示例代码
2020/07/08 PHP
扩展String功能方法
2006/09/22 Javascript
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
2015/02/16 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
javascript基于原型链的继承及call和apply函数用法分析
2016/12/15 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
[js高手之路]寄生组合式继承的优势详解
2017/08/28 Javascript
简述Angular 5 快速入门
2017/11/04 Javascript
Vue 按键修饰符处理事件的方法
2018/05/04 Javascript
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
让Vue响应Map或Set的变化操作
2020/11/11 Javascript
进一步探究Python中的正则表达式
2015/04/28 Python
python中for语句简单遍历数据的方法
2015/05/07 Python
Python 经典面试题 21 道【不可错过】
2018/09/21 Python
python hbase读取数据发送kafka的方法
2018/12/27 Python
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
Martinelli官方商店:西班牙皮鞋和高跟鞋品牌
2019/07/30 全球购物
怎么写有吸引力的自荐信
2013/11/17 职场文书
《三峡》教学反思
2014/03/01 职场文书
2014年副班长工作总结
2014/12/10 职场文书
2015新学期家长寄语
2015/02/26 职场文书
2015年乡镇流动人口工作总结
2015/05/12 职场文书
请客吃饭开场白
2015/06/01 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书