开始还是要有HTML样式
<button id="isshow">开启</button>
<button id="ishide">关闭</button>
<button id="isToggle">循环、开启和关闭</button>
<div class="box">六道轮回拳</div>
接下来是css样式效果
.box{
width: 100px;
height: 200px;
background-color: aqua;
}
重头戏来了
js文件功能样式:
$("#isshow").on("click", function() {
// ;id选择器;从要要改的class命名
$(".box").show(500);//过渡动画要做括号内写如200毫秒AA
})
$("#ishide").on("click", function() {
$(".box").hide(500);
})
$("#isToggle").on("click", function() {
$(".box").toggle(500);
})
console.log(window);
开启和关闭状态
谢谢大家的观看;老手勿喷;新手练习