视频 网站 页面开关灯实现方法
在甲骨文學(xué)習(xí) 已經(jīng)進(jìn)行了四分之一了， ?關(guān)于web 的學(xué)習(xí)基本結(jié)束了， 在項(xiàng)目展示的時(shí)候遇到了 視頻網(wǎng)站開(kāi)關(guān)燈的問(wèn)題， 其實(shí)問(wèn)題的根本就是 做兩個(gè)div， ?然后開(kāi)燈的時(shí)候隱藏一個(gè) 關(guān)燈的時(shí)候 隱藏另一個(gè)。過(guò)程通過(guò)js來(lái)實(shí)現(xiàn)，下面是基本過(guò)程；
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無(wú)標(biāo)題文檔</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()">關(guān)燈</div>
</div>
<div id="div2" class="bb">
<div id="kdan" onClick="two()" style="background-color: black; color: aliceblue">開(kāi)燈</div>
</div>
</body>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/wangyufei123/p/7746110.html
總結(jié)
以上是生活随笔為你收集整理的视频 网站 页面开关灯实现方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 高冷个性签名男生简短
- 下一篇： 使用邻接矩阵构造图