使用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的火炬或燈光效果？

回答

相關問題