我試圖找出一種方法來做這個動畫http://tympanus.net/Tutorials/AnimatedButtons/index4.html 但只有在點擊箭頭才能展開。我在這裏搜索了一下,發現了一些接近它的方法,但是當我向它們添加樣式時,它似乎變得混亂了。 任何指針都不錯,或者是如何實現的細分。動畫jQuery和css滑塊按鈕
回答
如果你試圖將事件從mouseover/mouseenter
在CSS
在這裏你去改變對click
,,
根據演示css文件 - Demo css所有你需要做的是改變
.a-btn:hover
到.a-btn:active
所以我試圖達到我想要達到的最接近的目標。 [FIDDLE](http://jsfiddle.net/SplendidAngst/hMcut/3/) 我遇到的唯一的兩個問題是當按鈕關閉時可見的向左側溢出,並且按鈕處於打開狀態開始。 – 2013-04-07 23:09:17
進行了更新,以便內容文本不會觸發按鈕關閉。 [FIDDLE](http://jsfiddle.net/SplendidAngst/hMcut/4/) 這將是很酷,如果當擴展+變成一個 - – 2013-04-07 23:22:49
我做了你的CSS的一些變化檢查它並讓我知道,在這裏你去,[FIDDLE](http://jsfiddle.net/asantarissy/CP6r4/1/) – 2013-04-08 06:17:13
- 1. jQuery CSS - 滑塊滑動動畫
- 2. jQuery動畫滑塊
- 3. JQuery的滑塊動畫
- 4. Css按鈕滑動門
- 5. 滑動門CSS,按鈕標記和IE8
- 6. jquery滑塊:平滑點擊動畫
- 7. 滑塊使用css和jquery
- 8. 停用畫廊滑塊上的按鈕
- 9. 停用畫廊滑塊上的按鈕
- 10. 帶有CSS滑塊的導航按鈕
- 11. 單擊按鈕上的動畫滑動div jQuery
- 12. 點擊按鈕,動畫滑動divs .prev .next jQuery
- 13. jQuery的滑塊按鈕「懸停」
- 14. 基於jquery的按鈕滑塊
- 15. 簡單的jQuery滑塊與按鈕
- 16. jquery圖像滑塊前一個按鈕
- 17. 帶控制按鈕的jQuery UI滑塊?
- 18. 創建jQuery的滑塊與加/減按鈕從滑塊
- 19. 滑動滑塊圖像重疊和斷開按鈕
- 20. 更改jQuery UI滑塊值選項時動畫滑塊手柄?
- 21. jQuery UI的滑塊重置動畫
- 22. jQuery的動畫滑塊onClick事件
- 23. 使用jquery的動畫滑塊/ javascript
- 24. jQuery動畫內容滑塊循環
- 25. jQuery的:如何更改滑塊動畫
- 26. 帶動畫的jQuery圖像滑塊
- 27. jQuery滑塊。保證金動畫
- 28. 使用jquery動畫按鈕
- 29. 按鈕和滑動菜單
- 30. 動畫和主動按鈕
只有當你得到指針才能顯示你已經嘗試過的東西。在jsfiddle.net中創建一個演示。 SO旨在幫助您解決代碼中的問題。我們不知道您嘗試過什麼 – charlietfl 2013-04-07 11:32:01