<!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>
如对本文有疑问, 点击进行留言回复!!
清除新版Google Chrome浏览器中表单控件(input,button...)默认的黑色边框
荐 20200714——git/mac配置/项目运行步骤/一些报错
antd 菜单组件 使用时报错:Cannot read property ‘isRootMenu‘ of undefined
CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来
硬件仪表盘账号建立指导(一) --WHQL认证测试结果提交账号(一)
cookie的规范Cookie的不可跨域名性或Cookie与域名的关系
网友评论