当前位置:首页 > 日记 > 正文

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

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

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

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

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

默认的话,是左上角:

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

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

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

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

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

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

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

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

相关文章

ps怎么快速删除隐藏图层和空白图层

ps怎么快速删除隐藏图层和空白图层

图层,删除,空白,快速,电脑软件,ps文件中有隐藏图层和空白图层,这些隐藏的图层会增加PSD文档的大小增加缓存占用,反正那些图层暂时也用不到,还是删除比较好,信我们就来看看详细的教程。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:1…

three.js加载obj模型的实例代码

three.js加载obj模型的实例代码

模型,实例代码,加载,电脑软件,js,three.js是一款webGL框架,由于其易用性被广泛应用。如果你要学习webGL,抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。好了,下面通过一段代码给大家介绍three.js加载obj模型,具体代码如下所示:<!DOCTY…

关于AngularJs数据的本地存储详解

关于AngularJs数据的本地存储详解

数据,本地存储,详解,电脑软件,AngularJs,第一、创建一个factory来储存和调取你的数据(你可以单独创建一个js文件,按照语义命名如:dataService.js。然后在你的主页面引入这个JS文件)<!--引入到你的主页面里面--><script src="dataService.js…

ES6中Class类的静态方法实例小结

ES6中Class类的静态方法实例小结

静态方法,实例,电脑软件,Class,本文实例讲述了ES6中Class类的静态方法。分享给大家供大家参考,具体如下:以前看过的es6的东西,又忘了,再总结下:类相当于实例的原型,所有在类中定义的方法,都会被实例继承。如果在一个方法前,加上static关键字,就表示…

教你如何巧妙设定匿名FTP的安全

教你如何巧妙设定匿名FTP的安全

教你如何,巧妙,电脑软件,FTP,在网络上,匿名FTP是一个很常用的服务,常用于软件下载网站,软件交流网站等,为了提高匿名FTP服务开放的过程中的安全性,我们就这一问题进行一些讨论。  以下的设定方式是由过去许多网站累积的经验与建议组成。我们认…

vue之nextTick全面解析

vue之nextTick全面解析

电脑软件,vue,nextTick,简介vue是非常流行的框架,他结合了angular和react的优点,从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时,我们经常用到一个方法是this.$nextTick,相信你也用过。我常…

WEB服务器系统盘权限简单设置

WEB服务器系统盘权限简单设置

系统盘,服务器,权限,设置,简单,其实网上已经很多这样的文章了,但是我遇到的情况用网上的方法不好用,这几天弄我那服务器弄的脑袋都大了,总出问题 昨天ASP又连接不到MDB了,在网上找了好多资料 问了好多人,最开始时候先是把ASP程序问题排除…

PHP判断FORM表单或URL参数来的数据

PHP判断FORM表单或URL参数来的数据

表单,数据,参数,方法,整数,PHP判断FORM表单或URL参数来的数据是否为整数,is_int函数对于FORM表单或URL参数过来的数据是没有办法判断是否是整数的,因为FORM过来的是字符串。用is_numeric可以判断是否为数字类型,再判断是否有小数点就可以判断…

QQ语音怎么转换成文字qq语音转化为

QQ语音怎么转换成文字qq语音转化为

文字,语音,方法,转换成,转化为,  当你在电脑或手机端登录QQ后,不方便接听语音消息时该怎么办呢?大家一定会想着如何将QQ语音转换成文字消息吧?虽说可以转换,但前提是对方给你发送的是普通话语音消息哦!如果说的家乡话,QQ系统可没那么智能翻…

WPS文字怎么实现文章中局部式的分

WPS文字怎么实现文章中局部式的分

文字,局部,文章,电脑软件,WPS,  很多人都看见过文章分栏的效果,给大家推荐的是一种&ldquo;局部式&rdquo;的分栏,何为&ldquo;局部式&rdquo;,就是将我们整片文章中的一部分文字来进行分栏。以下是小编为您带来的关于WPS文字实现文章中局部式的…

Windows Server 2003服务器重启IIS

Windows Server 2003服务器重启IIS

故障,服务器,步骤,重启,方法,在Windows Server 2003服务器中,很多IIS故障可以通过重新启动的方法加以解决。经过重新启动IIS服务,很多问题(甚至表面看起来比较严重的问题)一般都可以排除。这是因为重新启动IIS服务可以强迫系统重置IIS进程的内…

react.js 父子组件数据绑定实时通

react.js 父子组件数据绑定实时通

实时通讯,数据绑定,组件,示例代码,父子,react.js我自己还在摸索学习中,碰到父子组件数据绑定实时通讯的问题,研究了一下,分享给大家,也给自己留个笔记:import React,{Component} from 'react'import ReactDOM from 'react-dom'class ChildCo…