jQuery橫向滾動抽獎代碼



127 504 169



特效描述:jQuery 橫向滾動抽獎,jQuery橫向滾動抽獎代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="res/lottery.css" />

2. 引入JS

<script type="text/javascript" src="res/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="res/lottery.js"></script>

3. HTML代碼

<div id="wrapper">
    <div id="lottery">
        <div id="lottery-hero">
            <img src="pic/" alt="" style="display:none" />
        </div>
        <div id="lottery-container">
            <ul>
                <li><img src="pic/1.png"></li>
                <li><img src="pic/2.png"></li>
                <li><img src="pic/3.png"></li>
                <li><img src="pic/4.png"></li>
                <li><img src="pic/5.png"></li>
                <li><img src="pic/6.png"></li>
                <li><img src="pic/7.png"></li>
                <li><img src="pic/1.png"></li>
                <li><img src="pic/2.png"></li>
                <li><img src="pic/3.png"></li>
                <li><img src="pic/4.png"></li>
                <li><img src="pic/5.png"></li>
                <li><img src="pic/6.png"></li>
                <li><img src="pic/7.png"></li>
            </ul>
        </div>
        <div id="lottery-control">
            <a href="#" onclick="Lottery.start()">開始</a>
            <a href="#" onclick="Lottery.stop()">停止</a>
        </div>
        <div id="lottery-selected"></div>
    </div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動 滾動條 頁面滾動 滾動插件 滾動條插件 滾動條美化 自動滾動圖片輪播 滑動星星打分 切換按鈕 表單 表單美化 表單插件 表單美化插件 其他 滾動切換 滾動條切換 圖片滾動 圖片滾動條 按鈕控制 抽獎 轉盤抽獎
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子