• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 关于jQuery中fade(),show()起始位置的一点小发现

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了jquery fadeto,jquery fade,jquery中fadeto,fadeto show 0.5,fade等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

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

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

默认的话,是左上角:

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

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

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

</div>

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

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

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

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

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2017-05-11利用jQuery解析获取JSON数据
  • 2017-05-11利用策略模式与装饰模式扩展JavaScript表单验证功能
  • 2017-05-11H5图片压缩与上传实例
  • 2017-12-17ajax详解
  • 2017-05-11jQuery实现页面倒计时并刷新效果
  • 2017-06-03复制网页内容后自动添加版权文字的方法(兼容IE、Firefox和Chrome)
  • 2017-05-11微信小程序 动态的设置图片的高度和宽度详解及实例代码
  • 2017-05-11JavaScript Uploadify文件上传实例
  • 2017-05-11vue双向绑定简要分析
  • 2017-05-11微信小程序开发之相册选择和拍照详解及实例代码

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Javascript自定义事件详解
    • javascript编写简易计算器
    • 详解nodeJS中读写文件方法的区别
    • PHP实现本地图片上传和验证功能
    • js控制文本框禁止输入特殊字符详解
    • js实现导航吸顶效果
    • H5手机端多文件上传预览插件
    • Bootstrap笔记之缩略图、警告框实例详解
    • 详解用vue-cli来搭建vue项目和webpack
    • 微信小程序 页面跳转及数据传递详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有