Re: [問題] 圖片被點到會變色如何做
※ 引述《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)
推
10/05 10:19, , 1F
10/05 10:19, 1F
→
10/05 10:20, , 2F
10/05 10:20, 2F
→
10/05 10:24, , 3F
10/05 10:24, 3F
推
10/05 13:31, , 4F
10/05 13:31, 4F
→
10/05 13:32, , 5F
10/05 13:32, 5F
→
10/05 13:32, , 6F
10/05 13:32, 6F
→
10/05 13:33, , 7F
10/05 13:33, 7F
→
10/05 13:35, , 8F
10/05 13:35, 8F
→
10/05 13:37, , 9F
10/05 13:37, 9F
→
10/05 13:38, , 10F
10/05 13:38, 10F
→
10/05 13:39, , 11F
10/05 13:39, 11F
→
10/05 13:40, , 12F
10/05 13:40, 12F
→
10/05 13:41, , 13F
10/05 13:41, 13F
→
10/05 13:42, , 14F
10/05 13:42, 14F
→
10/05 13:51, , 15F
10/05 13:51, 15F
推
10/05 16:45, , 16F
10/05 16:45, 16F
→
10/05 16:46, , 17F
10/05 16:46, 17F
→
10/05 16:48, , 18F
10/05 16:48, 18F
→
10/05 17:01, , 19F
10/05 17:01, 19F
→
10/05 17:01, , 20F
10/05 17:01, 20F
→
10/05 17:02, , 21F
10/05 17:02, 21F
→
10/06 00:47, , 22F
10/06 00:47, 22F
→
10/06 10:43, , 23F
10/06 10:43, 23F
討論串 (同標題文章)