关于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实现前端分页功能
Mar 23 jQuery
基于jquery实现二级联动效果
Mar 30 jQuery
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
jQuery中过滤器的基本用法示例
Oct 11 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 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
thinkphp中连接oracle时封装方法无法用的解决办法
2013/06/17 PHP
ThinkPHP视图查询详解
2014/06/30 PHP
Yii中CArrayDataProvider和CActiveDataProvider区别实例分析
2016/03/02 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
js中window.open打开一个新的页面
2014/08/10 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
jQuery实现点击查看大图并以弹框的形式居中
2016/08/08 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
微信小程序 条件渲染详解
2016/10/09 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
关于Vue实现组件信息的缓存问题
2017/08/23 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
2018/10/29 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
[05:22]DOTA2 2015国际邀请赛中国区预选赛首日TOP10
2015/05/26 DOTA
浅析Python中的序列化存储的方法
2015/04/28 Python
Python编程实现微信企业号文本消息推送功能示例
2017/08/21 Python
Linux下python3.6.1环境配置教程
2018/09/26 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
Skyscanner台湾:全球知名的旅行比价引擎
2018/07/01 全球购物
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
公司聘任书模板
2014/03/29 职场文书
房产协议书范本2014
2014/09/30 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
2015年民主评议党员工作总结
2015/05/19 职场文书
2015年学校少先队工作总结
2015/07/20 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
python实现简单反弹球游戏
2021/04/12 Python
Vue3.0 手写放大镜效果
2021/07/25 Vue.js
Python pandas之求和运算和非空值个数统计
2021/08/07 Python
解决Windows Server2012 R2 无法安装 .NET Framework 3.5
2022/04/29 Servers