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>
点击按钮前:
点击按钮后: