首页 > 其他分享 >直播平台怎么搭建,实现js开光灯效果

直播平台怎么搭建,实现js开光灯效果

时间:2022-09-27 14:22:19浏览次数:45  
标签:console log js dark 直播 光灯

直播平台怎么搭建,实现js开光灯效果

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点击切换灯亮</title>
    <link rel="icon" href="skyicon.ico">
</head>
<body>
    <img src="images/dark.jpg" alt="灯泡" id="dark"  style="cursor: pointer;">
    <script>
        var dark = document.getElementById("dark");
        console.log(dark.src)  //可以获取图片地址
        var on = true;
        dark.onclick = function(){
            if( on == true){
                dark.src='images/bright.jpg';
                console.log(on)
                on = false;
                console.log(on)
            }else{
                dark.src='images/dark.jpg';
                on = true;
                console.log(on)
            }
        }
    </script>
</body>
</html>

以上就是 直播平台怎么搭建,实现js开光灯效果,更多内容欢迎关注之后的文章

 

标签:console,log,js,dark,直播,光灯
From: https://www.cnblogs.com/yunbaomengnan/p/16734395.html

相关文章

  • 取cookie时报错“[object Object]“ is not valid JSON
    做谷粒学苑项目时,在保存登录状态环节出现该问题取cookie时老师强调要使用JSON.pase()解析cookie为json对象varuserStr=cookie.get("guli_ucenter");//把字......
  • 使用polkadot.js在substrate frontier上安装ERC20token合约
    参考资料SubstrateFrontierNodeTemplategithub.com/substrate-developer-hub/frontier-node-templatefrontier-node-template/examples/contract-erc20/truffle/con......
  • JS 获得100天后的日期
    参考:https://blog.csdn.net/weixin_45030716/article/details/106504349vardate=newDate();date.setDate(date.getDate()+100);console.log('100天后的日期为:',date.t......
  • js 对象null 或者 'null' 值处理(去除null值)
    转载  https://blog.csdn.net/Baby_lucy/article/details/105179360js对象null或者'null'值处理(去除null值)/***data需要传入的去除null值的对象或者值*......
  • js 数组之 splice
    //将一个数组进行截取,返回的是数组被截取的部分//余下的放在留在原来的数组里面(1)[].splice(arg1,arg2);第一个表示的是开始的下标,第二个表示的是结束下标,第二个参数可......
  • mock.js 基本使用
    下载mock.jsnpmimockjs在src文件下面创建mock文件夹在mock文件夹中创建index.js文件在index.js文件中做一下操作/*引入mock*/importMockfrom......
  • Flask学习笔记(五)-Flask通过Ajax传输JSON数据
    一.创建项目结构项目文件夹flask-ajax-demo,结构如下: 其中app.py是Python程序,user.html是静态页面。二.发起Ajax请求编写user.html,代码如下:<!DOCTYPEhtml><html......
  • asp.net mvc返回Json数据
    注意返回一个自定义的object数组//01返回一个自定义的object数组publicActionResultIndex(){varres=newJsonResult();varname="小华";varag......
  • JSP实现登录功能(页面带样式)
    功能要求1、完成两个页面2、第一个登陆页面login.jsp3、第二个用户管理页面useManage.jsp4、有登录功能(能进行用户名密码的校验,用户名若为自己的学号密码为班级号,......
  • JS对象相关 && 添加、获取键值对的两种方法(括号表示法[]、点表示法.)
    对象只是键值对的集合。换句话说,它们是映射到称为属性(键)的唯一标识符的数据(值)。如下面这个对象:consttekkenCharacter={player:'Hwoarang',fightingStyle:'Tae......