视频 网站 页面开关灯实现方法
在甲骨文學習 已經(jīng)進行了四分之一了， ?關于web 的學習基本結束了， 在項目展示的時候遇到了 視頻網(wǎng)站開關燈的問題， 其實問題的根本就是 做兩個div， ?然后開燈的時候隱藏一個 關燈的時候 隱藏另一個。過程通過js來實現(xiàn)，下面是基本過程；
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>
<script type="text/javascript">
function one(){
var qq = document.getElementById("div1");
qq.setAttribute("class","aaa");
var ww = document.getElementById("div2");
ww.setAttribute("class","bbb");
}
function two(){
var ee = document.getElementById("div1");
ee.setAttribute("class","aa");
var rr = document.getElementById("div2");
rr.setAttribute("class","bb");
}
</script>
<style>
.aaa{
display: none;
}
.bb{
display: none;
}
</style>
<body>
<div id="div1" class="aa">
<div id="gdan" onClick="one()">關燈</div>
</div>
<div id="div2" class="bb">
<div id="kdan" onClick="two()" style="background-color: black; color: aliceblue">開燈</div>
</div>
</body>
</html>
轉載于:https://www.cnblogs.com/wangyufei123/p/7746110.html
總結
以上是生活随笔為你收集整理的视频 网站 页面开关灯实现方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 高冷个性签名男生简短
- 下一篇： 使用邻接矩阵构造图