新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
来吧 少年 你要的代码 别人的源码
目前创新互联已为上1000家的企业提供了网站建设、域名、网络空间、网站托管、服务器租用、企业网站设计、肃州网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
以下是代码,代码里面没有包含样式定位,需要给每个 li 用绝对定位固定到指定位置
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
titleInsert title here/title
script src=""/script
style
.random_current{
border:3px solid red;
}
/style
/head
body
p
请输入1-12其中一位整数,代表要停止的位置
input id="txtnum" value="6" type="text" /input type="button" value="开始" onclick="StartGame()" /
input type="button" value="停止" onclick="clearInterval(Time)" /
/p
ul id="random_box"
li id="random_1"1/li
li id="random_2"2/li
li id="random_3"3/li
li id="random_4"4/li
li id="random_5"5/li
li id="random_6"6/li
li id="random_7"7/li
li id="random_8"8/li
li id="random_9"9/li
li id="random_10"10/li
li id="random_11"11/li
li id="random_12"12/li
/ul
script
var index=1, //当前亮区位置
prevIndex=12, //前一位置
Speed=300, //初始速度
Time, //定义对象
arr_length = 12; //GetSide(5,5), //初始化数组
EndIndex=1, //决定在哪一格变慢
cycle=0, //转动圈数
EndCycle=3, //计算圈数
flag=false, //结束转动标志
random_num=1, //中奖数
quick=0; //加速
function StartGame(){
$("#random_box li").removeClass("random_current"); //取消选中
//random_num = parseInt($("#txtnum").val());//
random_num = Math.floor(Math.random()*11+2); //产出随机中奖数2--12之间
index=1; //再来一次,从1开始
cycle=0;
flag=false;
//EndIndex=Math.floor(Math.random()*12);
if(random_num5) {
EndIndex = random_num - 5; //前5格开始变慢
} else {
EndIndex = random_num + 12 - 5; //前5格开始变慢
}
//EndCycle=Math.floor(Math.random()*3);
Time = setInterval(Star,Speed);
}
function Star(num){
//跑马灯变速
if(flag==false){
//走五格开始加速
if(quick==5){
clearInterval(Time);
Speed=50;
Time=setInterval(Star,Speed);
}
//跑N圈减速
if(cycle==EndCycle+1 index-1==EndIndex){
clearInterval(Time);
Speed=300;
flag=true; //触发结束
Time=setInterval(Star,Speed);
}
}
if(indexarr_length){
index=1;
cycle++;
}
//结束转动并选中号码
if(flag==true index==parseInt(random_num)){
quick=0;
clearInterval(Time);
}
$("#random_"+index).addClass('random_current'); //设置当前选中样式
if(index1)
prevIndex=index-1;
else{
prevIndex=arr_length;
}
$("#random_"+prevIndex).removeClass('random_current'); //取消上次选择样式
index++;
quick++;
}
/script
/body
/html
原理上,由php生成一个随机数,然后ajax取得这个数,通过这个数,来显示给用户。 如果你要“转”起来,js还是比较麻烦的,你可以考虑用flash.因为js是无法操作图片的旋转度的。 当然,可以用一些其他方法模拟一下,有难度。
页面载入时音乐就要加载就绪。
点击转动时开始动画效果并播放音乐,
html5
audio src="1.mp3"/audio
div转盘/div
button抽奖/button
jquery
$('button').click(
function(){
$('audio').play();
$('div').animate({'rotate','xxxdeg'},500);
}
)
这个PHP的可以做,一般是JQUERY结合插件来实现了,按照角度来转,抽奖算法代码一般是PHP编程实现
你说的是alert吧,如果是的话,alert的样式不能修改,只能修改alert的内容。
如果要修改样式的话就只能自己做一个弹层了
这是一个插件吧.不过写js代码还是要自己写.有了这个插件就可以用jquery写translation方法了.