Js控制css——模仿视频网站关灯开灯

 

<head>
    <title></title>
    <style type="text/css">
        .day
        {
            background-color:White;
        }
       
        .night
        {
            background-color:Black;
        }
    </style>
    <script type="text/javascript">
        function SwitchLight() {
            var btn = document.getElementByIdx_x("btnChange");

            if (document.body.className == "night") {
                document.body.className = "day";
                btn.value = "关灯";
            }
            else if (document.body.className == "day") {
                document.body.className = "night";
                btn.value = "开灯";
            }
        }
    </script>
</head>
<body class="night">
    <input id="btnChange" type="button" value="开灯" onclick="SwitchLight()" />
</body>

时间： 2024-08-30 22:34:55

Js控制css——模仿视频网站关灯开灯的相关文章

用JS控制CSS基本样式

用JS控制CSS基本样式的方法 CSS code .class1 { width:10px; background-color: red; } HTML code  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <link rel="stylesheet" type="text/css" href=

js控制CSS样式属性语法对照表_基础知识

CSS与JS紧密配合,为我们的页面增添了很多别致的效果.为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性. 例如常用的关闭某个漂浮的广告显示:document.getElementById('ad').style.display='none';相当于:.ad{ display:none}. 下面就是JS 控制CSS样式表的语法对照: CSS语法 (不区分大小写) JavaScript语法 (区分大小写)  border border  border-bott

JS 控制CSS样式表_javascript技巧

下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style> 你想要改变把他的display属性由none改为inline. 解决办法: 在IE里: document.styleSheets[0].rules[0].style.display = "inline"; 在firef

Jquery实现视频播放页面的关灯开灯效果_jquery

本示例使用Jquery实现视频播放页面的关灯开灯效果.其中视频显示使用embed 元素,该元素是html5的元素,所以使用支持html5的浏览器效果会更好. 效果预览网址:http://www.keleyi.com/keleyi/phtml/guandeng/ 完整代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm

JS控制css float属性的用法

  JavaScript与CSS属性的控制网上很常见,因此来说用js操作css属性是有一定规律的. 1.对于没有中划线的css属性一般直接使用style.属性名即可. 如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等. 2.对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可.如:obj.style.marginTop,obj.style.borderLeftWidth,ob

用js控制css的不错的方法_CSS/HTML

中文搜索 英文搜索 国内门户 综合其它 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js控制css页面换肤代码

登陆 注册 选择页面风格: ee ere ere 换肤测试 换肤测试

js如何控制css伪元素内容（before，after）

原文:js如何控制css伪元素内容(before,after) js如何控制css伪元素(before,after) @(CSS 笔记)[伪元素|css3]曾经遇到的问题,在对抗UC浏览器屏蔽需要把内容输出到css 伪元素中输出.有个疑问如何用js控制它.于是在segmentfault提问,如下是对问题的整理: 如何用js控制css伪类after 简单粗暴的方式: 简单粗暴的方式,直接在html中添加样式覆盖掉之前样式规则 <style> p:after{content:'我是后缀'} <

视频网站-如何用JavaScript截取视频地址，如爱奇艺，优酷等

问题描述 如何用JavaScript截取视频地址,如爱奇艺,优酷等 使用js脚本,获取视频网站中视频的真实地址URL,并返回这个URL 解决方案 优酷真实视频地址解析优酷真实视频地址解析 解决方案二: 抓包撒 很多抓包工具 连接自己WiFi就可以在电脑上获取 解决方案三: 抓包撒 很多抓包工具 连接自己WiFi就可以在电脑上获取