使用Javascript或Jquery或CSS的Torch或Light效果？

Question

我需要在我的网页上的图像/ div上使用手电筒或光源效果而不使用Flash。

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

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

请告知。

Answer 1

你可以使用CSS做这样的事情：

http://jsfiddle.net/bFXzr/

编辑：根据评论中的要求发布代码：

HTML

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

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;
}

​

希望有所帮助！