用用jQuery旋旋轉轉插插件件jqueryrotate制制作作轉轉盤盤抽抽獎獎

本文實例為大家分享了j Query旋轉插件j queryrotate制作轉盤抽獎的具體代碼，供大家參考，具體內容 下

原文鏈接：j s HT ML5 Canvas繪制轉盤抽獎

下載地址：j queryrotate

抽獎轉盤

< mg class="po nter" src=" mages/wheel-po nter.png" />

jason

/*初始化樣式*/

body,

ul,

ol,

l ,

p,

h1,

h2,

h3,

h4,

h5,

h6,

form,

f eldset,

table,

td,

mg,

d v {

marg n: 0;

padd ng: 0;

border: 0;

}

ul,

ol {

l st-style-type: none;

}

select,

nput,

mg,

select {

vert cal-al gn: m ddle;

}

a {

text-decorat on: none;

color: #000;

}

a:hover {

color: #c00;

text-decorat on: none;

}

.clear {

clear: both;

}

nput {

font-s ze: 12px;

}

body {

color: #333;

font-s ze: 12px;

font-fam ly: "M crosoft YaHe ";

background: #e62d2d;

background: greenyellow;

overflow-x: h dden;

}

/* 大轉盤樣式 */

.content {

d splay: block;

w dth: 95%;

/*居中顯示*/

marg n: 30px auto;

}

.content .wheel {

d splay: block;

w dth: 100%;

pos t on: relat ve;

/*轉盤的背景*/

background- mage: url(../ mages/wheel-bg.png);

background-s ze: 100% 100%;

}

.content .wheel canvas. tem {

w dth: 100%;

}

.content .wheel mg.po nter {

pos t on: absolute;

w dth: 31.5%;

he ght: 42.5%;

left: 34.3%;

總結

以上是生活随笔為你收集整理的转盘在转动的同时ajax异步加载,用jQuery旋转插件jqueryrotate制作转盘抽奖.pdf的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。