來吧 少年 你要的代碼 別人的源碼
目前創(chuàng)新互聯(lián)已為上1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、肅州網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
以下是代碼,代碼里面沒有包含樣式定位,需要給每個(gè) li 用絕對(duì)定位固定到指定位置
!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
請(qǐng)輸入1-12其中一位整數(shù),代表要停止的位置
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, //當(dāng)前亮區(qū)位置
prevIndex=12, //前一位置
Speed=300, //初始速度
Time, //定義對(duì)象
arr_length = 12; //GetSide(5,5), //初始化數(shù)組
EndIndex=1, //決定在哪一格變慢
cycle=0, //轉(zhuǎn)動(dòng)圈數(shù)
EndCycle=3, //計(jì)算圈數(shù)
flag=false, //結(jié)束轉(zhuǎn)動(dòng)標(biāo)志
random_num=1, //中獎(jiǎng)數(shù)
quick=0; //加速
function StartGame(){
$("#random_box li").removeClass("random_current"); //取消選中
//random_num = parseInt($("#txtnum").val());//
random_num = Math.floor(Math.random()*11+2); //產(chǎn)出隨機(jī)中獎(jiǎng)數(shù)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; //觸發(fā)結(jié)束
Time=setInterval(Star,Speed);
}
}
if(indexarr_length){
index=1;
cycle++;
}
//結(jié)束轉(zhuǎn)動(dòng)并選中號(hào)碼
if(flag==true index==parseInt(random_num)){
quick=0;
clearInterval(Time);
}
$("#random_"+index).addClass('random_current'); //設(shè)置當(dāng)前選中樣式
if(index1)
prevIndex=index-1;
else{
prevIndex=arr_length;
}
$("#random_"+prevIndex).removeClass('random_current'); //取消上次選擇樣式
index++;
quick++;
}
/script
/body
/html
原理上,由php生成一個(gè)隨機(jī)數(shù),然后ajax取得這個(gè)數(shù),通過這個(gè)數(shù),來顯示給用戶。 如果你要“轉(zhuǎn)”起來,js還是比較麻煩的,你可以考慮用flash.因?yàn)閖s是無法操作圖片的旋轉(zhuǎn)度的。 當(dāng)然,可以用一些其他方法模擬一下,有難度。
頁面載入時(shí)音樂就要加載就緒。
點(diǎn)擊轉(zhuǎn)動(dòng)時(shí)開始動(dòng)畫效果并播放音樂,
html5
audio src="1.mp3"/audio
div轉(zhuǎn)盤/div
button抽獎(jiǎng)/button
jquery
$('button').click(
function(){
$('audio').play();
$('div').animate({'rotate','xxxdeg'},500);
}
)
這個(gè)PHP的可以做,一般是JQUERY結(jié)合插件來實(shí)現(xiàn)了,按照角度來轉(zhuǎn),抽獎(jiǎng)算法代碼一般是PHP編程實(shí)現(xiàn)
你說的是alert吧,如果是的話,alert的樣式不能修改,只能修改alert的內(nèi)容。
如果要修改樣式的話就只能自己做一個(gè)彈層了
這是一個(gè)插件吧.不過寫js代碼還是要自己寫.有了這個(gè)插件就可以用jquery寫translation方法了.