HTML 练习淡入淡出
程序员文章站
2023-11-16 12:29:52
``` Title ``` ......
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="div" style="display:none; width:200px; height:200px; background-color:rebeccapurple"></div>
<input id="fadein" type="button" value="fadein">
<input id="fadeout" type="button" value="fadeout">
<input id="fadetoggle" type="button" value="fadetoggle">
<input id="fadeto" type="button" value="fadeto">
</body>
<script>
$("#fadein").click(function(){
$("div").fadein(1000);
})
$("#fadeout").click(function(){
$("div").fadeout(1000);
})
$("#fadetoggle").click(function(){
$("div").fadetoggle(1000);
})
$("#fadeto").click(function(){
$("div").fadeto(1000, 0.5);
})
</script>
</html> 上一篇： css 四周边框角加粗效果
下一篇： 显示程序执行时间php函数代码