-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
沉沙
2018-06-14
来源 ：
阅读 1050
评论 0
摘要：为了达到更为生动的效果，可以把一个元素淡出或淡入，在任何一种情况下，都只是随着时间来改变元素的透明度。jQuery提供了3个和淡入淡出相关的函数。希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。
为了达到更为生动的效果，可以把一个元素淡出或淡入，在任何一种情况下，都只是随着时间来改变元素的透明度。jQuery提供了3个和淡入淡出相关的函数：
·fadeIn()使得一个隐藏的元素淡入视野。首先，元素占据的空间出现在页面上(这可能意味着页面上的其他元素要移走)；然后，元素逐渐地变得可见。如果元素在页面上已经可见，则这个函数没有任何效果。如果没有提供一个速度值，元素使用“常规”设置来淡入(400毫秒)。
·fadeOut()通过使得一个可视的元素像幽灵般地淡出视线来隐藏它。如果元素在页面上已经隐藏，这个函数没有任何效果，这和fadeIn()函数一样。如果没有提供一个速度值，元素以400毫秒的速度淡出。
·fadeToggle()组合了淡入和淡出的效果。如果该元素当前是隐藏的，它会淡入视线中；如果它当前是可见 的，该元素会淡出视线。可以使用这个函数让一个提示框出现在页面上或从页面消失。例如，假设有一个按钮，其上显示单词“instructions”。当访 问者单击该按钮的时候，带有说明的一个div将淡入视线；再次单击该按钮，将会使说明淡出视线。要让该提示框每半秒钟淡入或淡出一次，可以这样编写代码：
$('#button').click(function(){
$('#instructions').fadeToggle(500);
})；//end click·fadeTo()的工作方式和其他两个效果函数略有不同。它把图像淡化到一定的透明度。例如，可以让图像淡化到半透明。和其他效果不同，必须提供一个速度值。此外，还提供0～1之间的一个值来表示元素的透明度。例如，要把所有的段落淡化到75%的透明度，可以这样编写代码：
$('p').fadeTo('normal'，.75);
这个函数改变了一个元素的透明度，而不管这个元素是可见的还是不可见的。例如，假设要把当前隐藏的一个元素淡化到50%的透明度。然后，如果使用 show()或fadeIn()显示该元素，它会以50%的透明度显示。同样，如果隐藏一个半透明的元素，然后再显示它，它的透明度设置还是会恢复。
本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
