看板 Web_Design 關於我們 聯絡資訊
※ 引述《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:http://0rz.tw/014zr ,感覺沒太大改變 (ps.我有將時間拉長) 08/10 12:41
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