想实现优酷视频中开灯关灯效果

qq_39174657 2017-06-14 08:08:25

用一个按钮实现网页背景颜色黑白来回切换的效果，我是初学js,希望大家给我指点一下。

...全文

176 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

MikeDDT009 2017-06-14

打赏
举报

回复

2L大佬的方法是对的。如果具体的思路我是这样想的: 1.点上关灯的按钮--------就是一个单击事件 2.事件内容是，选到自己布置的4个div，把背景颜色改为其它颜色。-------就是修改个样式，比如原来是透明色，现在我单击后改成了半透明的黑色背景这样

天际的海浪 2017-06-14

打赏
举报

回复

用四个黑色背景的div遮盖住除视频区域外整个页面的内容

优酷现在更新的优酷播放器，增加了开灯关灯特效，蓝叶看着很漂亮，就花了点时间，把这个调用代码找了出来，现在就分享个需要的同学。优酷附带开灯关灯特效新版播放器的站外调用代码如下：

2019独角兽企业重金招聘Python工程师标准>>> ...

视频网站的关灯/开灯效果 #movie { border:solid 1px #dcdcdc; background:#f00; width:420px; height:320px; margin-left:350px; top:120px; position:absolute; z-index:1000; } embed{width:400px;heig...

优酷现在更新的优酷播放器，增加了开灯关灯特效，蓝叶看着很漂亮，就花了点时间，把这个调用代码找了出来，现在就分享个需要的同学。优酷附带开灯关灯特效新版播放器的站外调用代码如下：复制代码的时候，把代码复制到记事本内过滤的代码，VideoIDS=后面的是视频的ID，这个不多说，不明白的可以找找之前的写的一片博文就明白了。到这里就是优酷新版播放器的站外调用代码了，如果不需要开关灯特效就无需往下看了，如果需...

转自蓝叶博客：http://lanye.org/web/youkudiaoyong.html 优酷现在更新的优酷播放器，增加了开灯关灯特效，蓝叶看着很漂亮，就花了点时间，把这个调用代码找了出来，现在就分享个需要的同学。优酷附带开灯关灯特效新版播放器的站外调用代码如下： <p class="playArea"><e...

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章