关于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.Pin垂直滚动时固定导航
May 24 jQuery
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
基于jquery实现左右上下移动效果
May 02 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
jQuery AJAX应用实例总结
May 19 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
生成sessionid和随机密码的例子
2006/10/09 PHP
PHP+ajax 无刷新删除数据
2010/02/20 PHP
PHP之预定义接口详解
2015/07/29 PHP
PHP上传Excel文件导入数据到MySQL数据库示例
2016/10/25 PHP
PHP实现电商订单自动确认收货redis队列
2017/05/17 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
jQuery解决iframe高度自适应代码
2009/12/20 Javascript
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
javascript学习之闭包分析
2010/12/02 Javascript
jQuery版仿Path菜单效果
2011/12/15 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
2013/01/04 Javascript
js取得url地址参数实例
2013/02/22 Javascript
单击复制文字兼容各浏览器的完美解决方案
2013/07/04 Javascript
解析页面加载与js函数的执行 onload or ready
2013/12/12 Javascript
继续学习javascript闭包
2015/12/03 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
jQuery 判断是否包含在数组中Array[]的方法
2016/08/03 Javascript
对vue中v-if的常见使用方法详解
2018/09/28 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
[原创]Python入门教程2. 字符串基本操作【运算、格式化输出、常用函数】
2018/10/29 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
Python3中的bytes和str类型详解
2019/05/02 Python
Python HTMLTestRunner测试报告view按钮失效解决方案
2020/05/25 Python
Python利用pip安装tar.gz格式的离线资源包
2020/09/14 Python
html5通过postMessage进行跨域通信的方法
2017/12/04 HTML / CSS
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
编写函数,将一个3*3矩阵转置
2013/10/09 面试题
房地产开发计划书
2014/01/10 职场文书
小班秋游活动方案
2014/02/22 职场文书
学校教师读书活动总结
2014/07/08 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
保护校园环境倡议书
2015/04/28 职场文书
信息技术教研组工作总结
2015/08/13 职场文书
写作技巧:怎样写好一份优秀工作总结?
2019/08/14 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书
Python Matplotlib绘制动画的代码详解
2022/05/30 Python