在甲骨文学习 已经进行了四分之一了,  关于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>

<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

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

  1. 爬虫概念与编程学习之如何爬取视频网站页面(三)

    先看,前一期博客,理清好思路. 爬虫概念与编程学习之如何爬取网页源代码(一) 爬虫概念与编程学习之如何爬取视频网站页面(用HttpClient)(二) 不多说,直接上代码. 编写代码 运行 <! ...

  2. php怎么播放大视频教程,PHP获取各大视频网站页面中的Flash播放地址_PHP教程

    有很多朋友做电影网站都是直接用大视频网站的flash播放地址了,这样如果我们不影响到自己网服务器,下面小编来给大家介绍一下利用PHP获取各大视频网站页面中的Flash播放地址实例. 先看一个简单的 然 ...

  3. 网站页面代码优化的方法有哪些呢?

    在制作网站页面的时候,所产生的HTML源代码中肯定有一些是网站不需要的,例如空格和注释,这就是垃圾代码,而这些垃圾代码会增加页面文件的大小,另外,一些网站页面制作方式也会增加页面文件大小. 页面文件太 ...

  4. php获取页面视频文件,PHP获取各大视频网站页面中的Flash播放地址

    先看一个简单的,我用PHP实现了这个功能,我觉得用PHP来做这项工作简直是一种享受!使用其提供的强大的HTML页面处理函数和正则表达式,短短的几行代码就能搞定这个功能. 贴一下关键代码: //获取优酷 ...

  5. 使用PHP提取视频网站页面中的FLASH地址

    这几天工作中需要写个程序对于一个视频网站地址,如优酷的某个地址,提取出其中的FLASH地址来. 然后我用PHP实现了这个功能,我觉得用PHP来做这项工作简直是一种享受!使用其提供的强大的HTML页面处 ...

  6. 爬虫概念与编程学习之如何爬取视频网站页面(用HttpClient)(二)

    编写代码 运行 <!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" ...

  7. 优酷电视剧爬虫代码实现一:下载解析视频网站页面(3)补充知识点:htmlcleaner使用案例...

    htmlcleaner 下载地址:htmlcleaner2_1.jar 源码下载:htmlcleaner2_1-all.zip 写一个测试用的html文件:html-clean-demo.html & ...

  8. php视频播放地址,视频网站播放地址获取方法

    youku 例如视频地址:http://v.youku.com/v_show/id_XMTY4NTc3NzA4.html 则播放地址为:XMTY4NTc3NzA4 56 例如视频地址为:http:// ...

  9. 一比一复刻ACFun视频网站页面

    一.效果图 二.实用小样 1.让页面内的锚链接返回锚点时有滑动效果 body, html { scroll-behavior: smooth; } 语法:scroll-behavior有两个属性值,默 ...

最新文章

  1. 发送Request Payload数据演示
  2. 用C语言解“逆序的三位数”问题
  3. AtCoder AGC031F Walk on Graph (图论、数论)
  4. SpringMVC-学习笔记04【SpringMVC返回值类型及响应数据类型】
  5. CTF——PHP审计——变量覆盖
  6. java gc log调优_Java 开启 gc 日志
  7. VMware的linux虚拟机实现和windows的文件共享
  8. ORA-12514: TNS:监听程序当前无法识别连接描述符中请(转)
  9. 股票价格跨度--单调栈
  10. “我花了 5 年时间编写自己的操作系统!”
  11. [导入]Mobile Media API概述
  12. pycharm下自建python包引入失败解决方案
  13. sysadmin.php,骆驼IPTV源码及搭建教程(只提供源码和安装视频不提供任何技术支持)-396资源...
  14. 避免安信可导入SDK出错
  15. 平板示波器如何进行探头的补偿和衰减系数设定-Pintech品致
  16. 【ESP32-IDF】02-2 外设-触摸传感器
  17. HTML学生个人网站作业设计:动漫网站设计——蜡笔小新(9页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
  18. java中block标签_[Java教程]Clouda开发随笔之block标签
  19. 内存颗粒位宽和容量_DDR4内存颗粒--美光篇
  20. Unity 之 实用技巧更换编辑器主题

热门文章

  1. jar包部署shell脚本编写,在服务器上部署jar包,在Linux服务器上部署服务,设置编码格式,设置内存管理
  2. 2022-2028年中国降解塑料聚酯行业运行动态及投资机会分析报告
  3. debian10 简单的DNS服务器搭建
  4. 关于python 中的__future__模块
  5. 基于Vue开发的购物车案例
  6. Lidar激光雷达市场
  7. 北汽蓝谷和北汽新能源
  8. 开放式神经网络交换-ONNX(上)
  9. Python分析离散心率信号(上)
  10. Java基础入门语法和安装