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

-3

我需要在没有使用Flash的情况下在我的网页上的图片/ div上使用手电筒或光源效果。使用Javascript或Jquery或CSS的火炬或灯光效果？

这类似于在本网站上的主要旗帜的光路效果的东西：

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

请指教。

来源

2012-10-15 Pawan Pillai

右键单击并查看源代码 –

是的，我知道如何右键单击并查看源代码..请再次阅读我的问题..我提到的站点具有使用Flash的功能，如果可以获取我的查询该功能使用jQuery或JavaScript或CSS？ –

我通过css-tricks.com找到了答案（http://jsfiddle.net/VvyUx/2/）.. http://css-tricks.com/forums/discussion/20013/how-to-get-a -torch-or-light-ray-effect-using-css-or-javascript-or-jquery –

你可以做这样的事情使用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; 
}

希望有所帮助！

来源

2012-10-15 05:55:55 Anshu

请在这里发布你的代码，不要依赖于jsfiddle或任何其他外部网站。 –

我已经发布了代码，但有没有任何规则不引用JSFiddle？我看过数百篇关于jsFiddle的帖子？ – Anshu

jsFiddle很好，但在你的回答中没有任何价值。看到这里http://meta.stackexchange.com/questions/84342/answer-that-only-contains-a-link-to-jsfiddle和这里http://meta.stackexchange.com/questions/8231/are-answers -that-just-contain-links-elsewhere-really-good-answers非常感谢你添加代码，它为其他人提供了一个很好的例子，并且允许我们在离开网站时看到你的答案（很多人不需要看到它在行动中了解代码）。 –

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

回答

相关问题