作者TonyQ (骨头)
看板Web_Design
标题Re: [问题] 图片被点到会变色如何做
时间Fri Oct 5 09:39:15 2007
※ 引述《aceone ()》之铭言：
: : → grence:如果比较熟js 又不是土法链刚的笨方法 能解决就是好办法 10/04 21:16
: : 推 shadowjohn:我也很好奇…用js写为何不好@@? 10/04 22:04
: 啊~抱歉，其实我跟js不熟^^"
: 会这麽说是因为之前接了网站美化的案子，
: 原程式设计为了制造滑鼠滑过的效果，
: 在行内塞了共几十行的js，
: 我很疑惑，他的class都设的好好的，
: 为啥不用a:hover去做就好了，
: 然後我越改越头大 囧
: 就...以视觉设计的角度来看，用CSS会比较好维护啦。
: (无意贬低js 拍谢!)
: 另外，这也是个常用的简单CSS技巧，
: 称为Sliding Doors，原作者Douglas Bowman( http://www.stopdesign.com/ )
: 他在A List Apart上有详细的文章说明这个技巧：
: part1: http://www.alistapart.com/articles/slidingdoors/
: part2: http://www.alistapart.com/articles/slidingdoors2/
因为hover其实是onmouseover 跟 onmouseout的组合，
其实不见得hover会比较好用，还是有需要用js的时候。
比方说两个以上的连动，你要hover a 顺便b要跟着改变内容变成a的值，
这个css根据我的认知应该做不到吧，url hack不算啦，这已经做弊了。-_-;;
另外hover 用在非 <a>的tag , IE7才开始支援,
我以前在这上面栽了一道 . XD
其实用js写也可以很简单的，只是你碰到的状况比较糟糕而已。
一般来讲，就算要用js也会拆成两个function
分别丢onmouseover跟onmouseout，
剩下的几十行或好不好维护的问题，交给.js去过问。
你可能没维护过全部html都由js产生的网页，那个对vd来讲应该才是恶梦，XD
不过这在不操爆browser的前提上，是可能能降低伺服器流量的好方法。
话说回来，根据经验你那个网站之前写的人有没有时间慢慢想怎麽维护，
可能都还是个问题。XD
--
▄▅▆▇███▇▆▅▄▃ ╰┼╯─╮ ╮
◥███████████◣ ╰┼╯＝│=│
◥██████───────◣ ＊． ╯ ╯ ╯ の 物 语 ．＊
◥███████──────◣ ～ ◢◣ ◢◣
◥██████───────◤ ◥◤＊ 空白的世界．翼
＊◥◤
◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂
～telnet://tony1223.no-ip.info
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.115.77.13
※ 编辑: TonyQ 来自: 59.115.77.13 (10/05 09:40)
1F：推 aceone:嗯,谢谢指教:) 我之前的观念就是css办不到的再交给js去做 10/05 10:19
2F：→ aceone:当然用css需要花费更大effort的例子,应该还是给程式去做罗 10/05 10:20
3F：→ aceone:至於那个案子的程式,我想他可能真的对css不熟 XD 10/05 10:24
4F：推 TonyQ:其实Hover我已经觉得CSS管太多 , 因为CSS应该只管画面 , 10/05 13:31
5F：→ TonyQ:动作(onmouseover /onmouseout) 应该交给js处理才对 10/05 13:32
6F：→ TonyQ:不过a 有visied跟history这些属性 , 也有很久历史了,出发点 10/05 13:32
7F：→ TonyQ:我想都在"简化" ,"只是语意很难兼顾 10/05 13:33
8F：→ TonyQ:而且回过头来 , js可以指定node的className去配css 属性 10/05 13:35
9F：→ TonyQ:画面就交给css , 动作跟行为交给 JS 去处理(swap class) , 10/05 13:37
10F：→ TonyQ:"我个人"觉得会比较理想 我们再讨论看看XD 10/05 13:38
11F：→ TonyQ:当然专精 CSS的人会觉得CSS能解决就用css 专精js的人用JS 10/05 13:39
12F：→ TonyQ:我自己是"稀少"碰到两个都熟的啦...我是两个都不熟 Q_Q 10/05 13:40
13F：→ TonyQ:所以这种状况我是觉得很正常就是了 XD 10/05 13:41
14F：→ TonyQ:当然 我还是很祈祷不要碰到写 url hack式css的设计 XD 10/05 13:42
15F：→ cassatte:不敢想像没有 a:hover 的日子 10/05 13:51
16F：推 aceone:喔~css还有:before跟:after,赞成派就是觉得那也算版面设计 10/05 16:45
17F：→ aceone:的一环吧,不知道t大说的url hack是怎样咧?怕自己不知不觉就 10/05 16:46
18F：→ aceone:用了 XD 10/05 16:48
19F：→ TonyQ:background:url("javascript:alert('hi')"); 10/05 17:01
20F：→ TonyQ:类似吧 , 我没有确认语法 . 总之就是在url下javascript:呼叫 10/05 17:01
21F：→ TonyQ:js , 这种我会昏.... 10/05 17:02
22F：→ aceone:喔喔 还有这招喔 ψ(._. )> XD 10/06 00:47
23F：→ TonyQ:这个是XSS的变形... 10/06 10:43