前端观察

看电影时请关灯——一个很酷的页面效果

译自:jankoAtWarpSpeed
原文:看电影时请关灯——一个很酷的页面效果
版权所有,转载请注明出处,多谢!


YouTube 上的一些视频有个很酷的功能叫做”关灯”(Turn the lights down)。基本上来说,当你关灯,整个页面全部变黑,就像在电影院的效果一样。本教程将向你展示如何使用jQuery实现这个效果。

查看演示 下载源文件

问题

正如你在演示页面看到的那样,这个实例的结构是很简单的 – 它只包括头部、视频、“关灯”链接和侧栏。在下面的代码中你将看到包含了开关转换链接的“command”层,包含视频的”movie”层以及实现侧栏的”description”层 :