javascript - 使用 Javascript 或 Jquery 或 CSS 的火炬或灯光效果？

Question

我需要在不使用 Flash 的情况下对网页上的图像/div 进行手电筒或光源效果。

这类似于本网站主横幅上的光路效果：

http://online.fullsail.edu/degrees/media-communications-bachelors?mnc=2602

请指教。

Answer 1

您可以使用 CSS 执行以下操作：

http://jsfiddle.net/bFXzr/

编辑：按照评论中的要求发布代码：

HTML

<div class="box"></div>​</p>

CSS：

body {
    background:#000;
}

.box {
    margin:50px;
    width:150px;
    height:150px;
    border-radius:50px;
    background:#ef5d22;
}

.box:hover {
    margin:50px;
    width:150px;
    height:150px;
    background:#ef5d22;
    box-shadow: 0 0 20px #fff;
}

​

希望有帮助！