作者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
1F:推 maonenine:效果似乎没那麽柔,碰到瞬间有闪烁感。不过很棒了 推 08/10 09:40
2F:推 terrybob:推!很好的网页,收下了 08/10 10:03
3F:→ TonyQ:拉长一下区间 , 减少增加的量 , 感觉会好一点 . XD 08/10 10:27
4F:→ TonyQ:或许改用setTimeout 用类似recursive的方案做会比较好 08/10 12:34
5F:→ TonyQ:来试试看 :P 08/10 12:34
7F:→ TonyQ:当然快速mouseover跟out所造成的影响 , 得监控_timer停掉 08/10 12:43
8F:→ TonyQ:旧有的事件才不会有闪烁的现象. :P 08/10 12:43
9F:→ TonyQ:旧有的事件是因为时间短 , 看不太出来重叠的部份. 08/10 12:46
10F:→ bcse:快速over/out的话看起来好闪 XD 08/10 17:34