2016-06-24 3 views
-2

私は横向きの画像ルーレットホイールを探しています。種類のこのJavascript/css Roulette wheel?

http://image.prntscr.com/image/b178316bc4994229831f21109aa59555.png

ように私はどこにもソースや例を見つけることができないようです。

+0

次第ですあなたは[jQueryのためのマシュー・レインのjSlots]を見つけるかもしれない(https://github.com/matthewlein/jQuery-jSlots)が便利です。 [デモはこちら](https://matthewlein.com/experiments/slots.html) – showdev

答えて

-1

基本的なHTML

`<html> 
    <head> 
    <meta charset="utf-8"> 
    <title></title> 
    </head> 
    <body> 
    <img src="" alt="" id="picture1"/> 
    <img src="" alt="" id="picture2"/> 
    <img src="" alt="" id="picture3"/> 
    <img src="" alt="" id="picture4"/> 
    <button type="button" name="button" onclick="spin()">click</button> 
    </body> 
</html>` 

とJavaScript

function spin(){ 
    var x = Math.floor(Math.random() * 3) 
    switch (x) { 
     case 0: 
     document.getElementById('picture1'); 
     break; 
     case 1: 
     document.getElementById('picture2') 
     break; 
     case 2: 
     document.getElementById('picture3') 
     break; 
     case 3: 
     document.getElementById('picture4') 
     break; 
    } 
    } 

残りはあなたの友人

関連する問題