首页 > Web开发 > 详细

jquery 淡入淡出属性

时间:2019-11-01 20:44:51      阅读:68      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="div" style="display:none ;width: 200px;height: 200px;background-color: rebeccapurple"></div>

<input id="In" type="button" value="fadeIn">
<input id="out" type="button" value="fadeout">
<input id="toggle" type="button" value="fadetoggle">
<input id="fadeto" type="button" value="fadeto">

<script src="jquery-2.1.4.min.js"></script>
<script>
$("#In").click(function () {
$("div").fadeIn(2000);
})

$("#out").click(function () {
$("div").fadeOut(1000);
})

$("#toggle").click(function () {
$("div").fadeToggle(1000);
});

$("#fadeto").click(function () {
$("div").fadeTo(1000,0.9);
});
</script>
</body>
</html>

jquery 淡入淡出属性

原文:https://www.cnblogs.com/gerenboke/p/11779236.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!