视频网站页面开关灯实现方法

最新推荐文章于 2024-10-16 16:26:58 发布

weixin_30652897

最新推荐文章于 2024-10-16 16:26:58 发布

阅读量121

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wangyufei123/p/7746110.html

版权

在甲骨文学习已经进行了四分之一了，关于web 的学习基本结束了，在项目展示的时候遇到了视频网站开关灯的问题，其实问题的根本就是做两个div，然后开灯的时候隐藏一个关灯的时候隐藏另一个。过程通过js来实现，下面是基本过程；

<!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>