div{

margin: 100px auto 0px; // 居中

width:500px;

height:250px;

border:3px solid black; // 边框

}

li{

width:129px;

height:59px;

border:3px solid black;

float:left; // 向左浮动

margin:8px 0 0 8px; // 设置图片间的间距

list-style:none;

}

.btn{

border:3px solid blue; // 设置为红色边框

cursor:pointer; // 设置光标类型为指针

}

.cur{

border:3px solid red; // 设置为红色边框

}

zhuanpan

// 整个转动过程所需的步骤

var step = [

['c1',0], // 第一个元素特殊设置

['c1', 500],

['c2', 100],

['c3', 300],

['c4', 200],

['c5', 200],

['c6', 200],

['c7', 200],

['c8', 200],

['c1', 100],

['c2', 100],

['c3', 100],

['c4', 100],

['c5', 100],

['c6', 100],

['c7', 100],

['c8', 100],

['c1', 100],

['c2', 100],

['c3', 100],

['c4', 100],

['c5', 100],

['c6', 100],

['c7', 100],

['c8', 100],

['c1', 100],

['c2', 100],

['c3', 100],

['c4', 100],

['c5', 100],

['c6', 100],

['c7', 100],

['c8', 100],

['c1', 100],

['c2', 200],

['c3', 300],

['c4', 300],

['c5', 300],

['c6', 300],

['c7', 300],

['c8', 300],

['c1', 400],

['c2', 400],

['c3', 400],

['c4', 400],

['c5', 400],

['c6', 400],

['c7', 400],

['c8', 400]

];

// 记录当前步数，即step数组的下标

var current = 1;

// 设置样式和重新设置定时器

function run(){

// 删除之前设置的cur类

$('#'+step[current-1][0]).removeClass('cur');

// 为当前元素设置cur类

$('#'+step[current][0]).addClass('cur');

// 判断step数组所有步骤是否已经走完

if(current == step.length - 1){

alert(step[current][0]);

window.location.reload();

}else{

// 重新设置定时器

setTimeout('run()', step[current][1]);

current++;

}

}

Js写九宫格抽奖

国庆出去转了一圈,回来及时把以前写的一些有用的在这儿记录一下 --------------------------------------------我是分割线-------------------- ...

php+lottery.js制作九宫格抽奖实例

php+lottery.js制作九宫格抽奖实例,本抽奖功能效果表现好,定制方便简单,新手学习跟直接拿来用都非常不错,兼容IE.火狐.谷歌等浏览器. 引入抽奖插件lottery.js

PHP+Ajax微信手机端九宫格抽奖实例

PHP+Ajax结合lottery.js制作的一款微信手机端九宫格抽奖实例,抽奖完成后有收货地址添加表单出现.支持可以设置中奖概率等. 奖品列表