css特效弧形選單

2021-10-05 03:43:12 字數 799 閱讀 5855

demo位址 :

x1

(x軸座標)

= x0 +半徑 *

cos(角度 *pi/

180)

y1(x軸座標) = y0 + 半徑 *

sin(角度 *pi/

180)

(

function()

);}}

else})

;})($)

;

math.

cos求的是x軸

(r*math.

cos(

90/n*a*

(math.pi/

180)))

n :表示分了幾份 這裡就是把90度角份了 n份 即x軸座標分了n個座標點

math.

sin求的是y

(-r*math.

sin(

90/n*a*

(math.pi/

180)))

n :表示分了幾份 這裡就是把90度角份了 n份 即y軸座標分了n個座標點

y是負數 影象就在中心的右上

y是正數,影象就在右下

具體原因自己看 translate 原理

順時針

y = math.

sin(a)

x = math.

cos(a)

逆時針x = math.

sin(a)

y = math.

cos(a)

js選單特效分享 1

a good looking context menu context menu 右鍵選單 這是乙個採用jquery實現的右鍵選單,擁有與windows相同的功能和外觀。jquery ui dialog with menu bar drop down menu 下拉列表 jquery ui dial...

js選單特效分享 1

a good looking context menu context menu 右鍵選單 這是乙個採用jquery實現的右鍵選單,擁有與windows相同的功能和外觀。jquery ui dialog with menu bar drop down menu 下拉列表 jquery ui dial...

CSS 頁面特效

2d 3d特效 transform att webkit transform att safari chrome瀏覽器的適應 o transform att opera ms transform att ie moz transform att firefox 2d translate 移動 rot...