jsで宝くじ(スクエア)効果を実現するにはどうすればよいですか? 2つの抽選演出の実装(コード例)

青灯夜游
リリース: 2018-10-26 16:27:11
転載
3706 人が閲覧しました

この記事の内容は、jsでくじ(スクエア)効果を実現する方法を紹介することです。 2 つの抽選効果の実装 (コード例)。困っている友人は参考にしていただければ幸いです。 ############展示する:#################################### HTML:

<div id="table"></div>
<div id="btn">
   <button onclick="start(&#39;p&#39;, &#39;active&#39;,&#39;newactive&#39;, 100)">顺序抽/停止</button>
   <button onclick="startRan(&#39;p&#39;, &#39;active&#39;,&#39;newactive&#39;, 100)">随机抽/停止</button>
</div>
ログイン後にコピー
CSS:

table {
    text-align: center;
    border-collapse: collapse;
}

table * {
    width: 60px;
    height: 60px;
}

#btn {
    box-sizing: border-box;
    width: 190px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#btn * {
    flex-grow: 1;
    background-color: red;
    border: 1px solid #000;
    color: #fff;
    height: 30px;
    font-size: 10px;
}

.active {
    background-color: #ccc;
}

.newactive {
    background-color: #00ffff;
}
ログイン後にコピー

JavaScript:

rree

以上がjsで宝くじ(スクエア)効果を実現するにはどうすればよいですか? 2つの抽選演出の実装(コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:cnblogs.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート