作者godead236 (科科彬)
看板Ajax
標題Re: [問題] Flash模糊效果的替代方案
時間Fri Nov 25 23:54:49 2011
原文恕刪
Google "jquery blur effect"就找得到類似的東西了，不過其實沒用
什麼很多JQuery的語法。
我找到的是這個頁面
http://motyar.blogspot.com/2010/04/blur-effect-with-css-and-jquery.html
它裡面有個DEMO，是根據滑鼠的距離來決定模糊度
http://motyarblog.000space.com/blur_effect_with_css.html
我把它改了一下，利用setTimeout()，逐步減少模糊度，做出動畫的感覺。
大概像這樣
http://jsfiddle.net/ocowchun/7rB3r/2/
歡迎討論
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.36.232.107
1F：推 Toge:這個我做過了 只能用在文字 我想要問的是整個Div裡面的內容 11/26 00:46
2F：→ Toge:包括圖片文字及邊框等等一起做效果 不知這樣是否可用jqeury 11/26 00:49
3F：→ Toge:等等來做 11/26 00:49
4F：→ Toge:如果無解的話應該就是整張做成圖片下去跑效果了.... 11/26 00:50
5F：→ Toge:打錯 jquery 11/26 00:51
6F：→ tyf99:把你要的 div 多複製幾份，設 opacity，重疊在原本的上面 11/27 20:05
7F：→ tyf99:每個都不要剛好疊在原本的上面，而是稍微 shift 一點點. 11/27 20:06
8F：→ timo0968:IE 啊!!! 11/28 12:16