作者TonyQ (沉默是金)
看板Web_Design
標題Re: [問題] 經過表格會柔和的漸漸變色效果怎做?
時間Sun Aug 10 05:08:00 2008
※ 引述《maonenine (兩光宅男)》之銘言:
: → TonyQ:想研究原理的話 , 我寫完手邊正在寫的文件之後再回一篇吧. 08/10 00:53
: → TonyQ:如果只是想用的話 , dojo , jquery什麼內建都有效果可以用. 08/10 00:54
: → maonenine:比較想看看原理,自己寫看看 08/10 01:14
用透明度實現的fade效果 . (jQuery的效果屬於這一種)
當然基於好奇與研究的理由 , 我是採用純js撰寫的 .
http://tony1223.no-ip.org:81/test/testOpacityFade.html
純粹就是透明度從 60 -> 100 , 以及從 100 -> 60 的效果而已
剩下的看原始碼吧 :)
這裡透明度我是採用定量增加的方案
底下則是rgb 方案的 fade , 不過這裡就得採定期完成的策略,
因為rgb等比例成長會比較正常點.
http://tony1223.no-ip.org:81/test/testColorFade.html
當然 , 我沒有費心去做 string -> rgb的對照表 ,
因為那不是重點 , 我只是實做了一個可能性 , 剩下的就是找到正確的起終值囉.
--
What do you want to have ? / What do you have?
從書本中,你可以發現我的各種興趣。
從CD中,你可以瞭解我所喜歡的偶像明星。
或許從文字你很難以瞭解一個人,但從物品可以。
My PPolis , My past. http://ppolis.tw/user/Tony
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.59.247
推 maonenine:效果似乎沒那麼柔,碰到瞬間有閃爍感。不過很棒了 推 08/10 09:40
推 terrybob:推!很好的網頁,收下了 08/10 10:03
→ TonyQ:拉長一下區間 , 減少增加的量 , 感覺會好一點 . XD 08/10 10:27
→ TonyQ:或許改用setTimeout 用類似recursive的方案做會比較好 08/10 12:34
→ TonyQ:來試試看 :P 08/10 12:34
→ TonyQ:當然快速mouseover跟out所造成的影響 , 得監控_timer停掉 08/10 12:43
→ TonyQ:舊有的事件才不會有閃爍的現象. :P 08/10 12:43
→ TonyQ:舊有的事件是因為時間短 , 看不太出來重疊的部份. 08/10 12:46
→ bcse:快速over/out的話看起來好閃 XD 08/10 17:34