Pages

2

JQuery 模擬 Mac Dock 效果


點選上面這張圖片就可以看到效果~

這是之前花了兩天所研究出來模擬 Mac 的效果
雖然網路上有不少模擬相關效果的 plugin
但套用起來總是不太順手
於是就從相關原理著手進行程式碼的編寫
總算是做出來一個像樣的效果~
不過我的做法只利用了相對位置來判斷大小
至於蘋果的做法，可參考美國第 7434177 號專利
應該要用到三角函數的相關計算吧哈哈~
而以下就是我的計算公式ㄎㄎ~

oxxo

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

2 則留言:

  1. 匿名2012年6月6日 上午10:10

    請問這個效果可以是可以自由使用的嗎？
    真的比其它的仿Mac選單更自然~

    回覆刪除
  2. oxxo2012年6月6日 下午2:34

    自己改變按鈕圖片和參數，就可以自由套用~
    但如果要分享程式碼或設計原理...等，
    就麻煩標記一下相關出處，
    謝謝囉 ^^

    回覆刪除