本站源码全部测试通过,配有前台及后台演示图,绿色安全,希望能对大家有所帮助!
  • 首 页
  • VPS/云主机
  • jQuery中奖名单滚动轮播大转盘抽奖代码
    时间:2020-01-13 17:54 来源:开源之家 作者:开源之家测试提供 下载:196 次
    • 源码说明:本站源码全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    • 源码类型:特效源码
    • 源码大小:975 KB
    • 运行环境:HTML
    • 下载次数:196 次
    • 推荐VPS:
    • 提取密码/源码编号:
    • 本地下载
    • 本地下载
    • 》网盘下载,每日更新

    jQuery中奖名单滚动轮播大转盘抽奖代码

    特效描述:jQuery 中奖名单滚动轮播 大转盘抽奖代码,jQuery中奖名单滚动轮播大转盘抽奖代码

    代码结构

    1. 引入CSS

    1
    2
    <link rel="stylesheet" href="css/demo.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/style.css">

    2. 引入JS

    1
    2
    3
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/awardRotate.js"></script>
    <script type="text/javascript" src="js/scroll.js"></script>

    3. HTML代码

    <div class="turntable-bg"> 
      <div class="pointer"><img src="images/pointer.png" alt="pointer" style="width:100%;height:100%;"></div>
      <div class="rotate" ><img id="rotate" src="images/turntable.png" alt="turntable" style="width:100%;height:100%;"></div>
    </div>
    <!--<input type="text" value="0" id="xianjin" style="display:none;" />
    <div class="xianjin">0</div>
    <div class="quan">
        <div class="quan1">
            <p class="qian2">0</p>
            <p class="queding">确定领奖</p>
        </div>
    </div>-->
    <script type="text/javascript">
        $(document).ready(function(){
        $('.list_lh li:even').addClass('lieven');
    });
    $(function(){
        $("div.list_lh").myScroll({
            speed:40, //数值越大,速度越慢
            rowHeight:68 //li的高度
        });
    });
    </script>
    <div class="bcon">
        <h1><b>中奖者名单</b></h1>
        <!-- 代码开始 -->
        <div class="list_lh">
            <ul>
                <li>
                    <p>152*****120 抽中1000元</p>
                </li>
                <li>
                    <p>152*****121 抽中1000元</p>
                </li>
                <li>
                    <p>152*****122 抽中1000元</p>
                </li>
                <li>
                    <p>152*****123 抽中1000元</p>
                </li>
                <li>
                    <p>152*****124 抽中1000元</p>
                </li>
                <li>
                    <p>152*****120 抽中1000元</p>
                </li>
                <li>
                    <p>152*****120 抽中1000元</p>
                </li>
                <li>
                    <p>152*****120 抽中1000元</p>
                </li>
                <li>
                    <p>152*****120 抽中1000元</p>
                </li>
                <li>
                    <p>152*****120 抽中1000元</p>
                </li>
                <li>
                    <p>152*****120 抽中1000元</p>
                </li>
                <li>
                    <p>152*****120 抽中1000元</p>
                </li>
            </ul>
        </div>
        <div class="jjc"></div>
    </div>

    jQuery中奖名单滚动轮播大转盘抽奖代码

    郑重声明:
    本站资源均由高价购买、会员分享,全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    若您需要商业运营或用于其它商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。如有侵犯您的版权,请提交软件证书/图片地址和源码链接 我们尽快处理。

    开源之家广告栏目A
    开源之家广告栏目B
    开源之家广告栏目C
    在线客服
    客服微信

    扫一扫......加客服微信