当前位置:首页 > Web开发 > 正文

0.3);//调整透明度 }); /script /body /html jQuery动画效果之fadeIn

2024-03-31 Web开发

标签:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>淡入淡出</title>
</head>
<body>
<div></div>
<input type="button" value="fadeIn">
<input type="button" value="fadeOut">
<input type="button" value="fadeTaggle">
<input type="button" value="fadeTo">

<script src="http://www.mamicode.com/jquery-3.4.1.js"></script>
<script>
$(‘#fadeIn‘).click(function () {
$(‘#div1‘).fadeIn(1000);

});
$(‘#fadeOut‘).click(function () {
$(‘#div1‘).fadeOut(1000);
});
$(‘#fadeToggle‘).click(function () {
$(‘#div1‘).fadeToggle(1000);
});
$(‘#fadeTo‘).click(function () {
$("#div1").fadeTo(1000,0.3);//调解透明度
});

</script>

</body>
</html>

技术图片

jQuery动画效果之fadeIn,fadeOut(淡入淡出)

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/29893.html