<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用jQuery设计渐进动态效果</title>
<script type="text/javascript" src="jquery-2.1.0.js"></script>
<script>
$(document).ready(function(e) {
$("#fadeinandout").click(function()
{
$("div").fadeIn(2000,function()
{
$("div").fadeOut(2000,function()
{
$("div").fadeIn(500);
});
});
});
$("#fadeto").click(function()
{
$("div").fadeTo(2000,0.4);
});
});;
</script>
</head>
<body>
<button id="fadeinandout">渐入渐出效果</button>
<button id="fadeto">透明度渐变</button>
<div style="display:none;">
<img src="images/006f.jpg" width="438" height="600">
</div>
</body>
</html>
59、实例 使用jQuery设计渐进动态效果
最新推荐文章于 2021-12-03 21:34:43 发布