PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Ajax
[問題] 關於按鈕的推擠
作者:
Hadamard
(大俠)
2016-04-21 10:47:32
或許從標題
並不容易了解我要表達的意思
簡單來說
小弟我是 javascript 的新手
現在我想要在網頁上
製作一些橢圓形的按鈕並排
當滑鼠滑入時
該顆按鈕會原地放大
同時造成左右兩側的按鈕推擠移動
效果如同任天堂網站
http://www.nintendo.com/amiibo
所示
不知此效果是否容易製作?
煩請版上高手指點~~
Thank you !!
作者:
xiphoid
( )
2016-04-21 10:55:00
這是CSS的工作
作者:
johnny9144
(Johnny)
2016-04-21 11:02:00
聽起來應該是用CSS 的hover 就可以解決了
作者:
Hadamard
(大俠)
2016-04-21 11:11:00
感謝1,2樓我所說按鈕放大,是希望x,y方向都放大於是我使用 transform:scale() 將按鈕放大但是其餘按鈕卻失去推擠的效果
作者:
xiphoid
( )
2016-04-21 12:03:00
任天堂網站只加大padding跟font-size
http://i.imgur.com/HKzbzl8.png
作者:
Hadamard
(大俠)
2016-04-21 12:20:00
感謝樓上,我再試做看看
作者:
johnny9144
(Johnny)
2016-04-21 13:32:00
那你就用CSS的 margin padding 在hover的時候去做變化 X Y 方向 你想怎麼控制都沒問題
作者:
Hadamard
(大俠)
2016-04-21 14:20:00
感謝
繼續閱讀
[問題] 求google關鍵字
cug990617
[問題] 尋找陣列中缺少的數字 給P幣5000
jackjenny
[問題] express實作todo list問題
luckid
[問題]jQuery image cropping plugin
kiey
[問題] 政府公開資訊用JSONP串接
snowknife
Fw: [問題] google map Marker class event
suhang
[情報] WordPress和Joomla網站:遭受jQuery攻擊
deepdish
[問題] TCP client 接收多次data event
shinhwap
Re: [問題] 新手入門關於 node.js
alpe
Re: [問題] 新手入門關於 node.js
tooto1985
Links
booklink
Contact Us: admin [ a t ] ucptt.com