jQuery fadeIn() 方法
Posted 乱舞春秋__
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery fadeIn() 方法相关的知识,希望对你有一定的参考价值。
jQuery fadeIn() 用于淡入已隐藏的元素。
语法格式:
$(selector).fadeIn(speed,easing,callback);
speed 参数:规定效果的时长。它可以取以下值:"slow"、"fast"、 或毫秒。
easing参数: 用来指定切换效果,默认时'swing',可用参数'linear'。
callback 参数:效果完成后所执行的函数。
示例:
点击按钮,淡入已隐藏的元素(div)。
<style>
div {
display: none;
width: 100px;
height: 100px;
background-color: rgba(16, 28, 201, 0.863);
}
</style>
<script src="jQuery.js"></script>
<script>
jQuery(document).ready(function () {
$("button").eq(0).click(function () {
$("div").fadeIn();
})
})
</script>
</head>
<body>
<button>淡入</button>
<div></div>
</body>
点击按钮前:
点击按钮后:
以上是关于jQuery fadeIn() 方法的主要内容,如果未能解决你的问题,请参考以下文章
210 jQuery淡入淡出:fadeIn() fadeOut() fadeToggle() fadeTo()
jQuery - fadeIn()、fadeOut()、animate()、stop() 和闪烁