普通注册 - 普通登录
开源之家-免费素材_软件_模板_源码下载-更快的站长下载站

开源之家-免费素材_软件_模板_源码下载-更快的站长下载站

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

时间:2020-01-13 17:54 [特效源码] 作者:开源之家测试提供 浏览: 已下载:211次

点击下载 已下载:211 次  运行环境:HTML  软件大小: 975 KB  提取码:   推荐VPS:九零云

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

特效描述: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元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>


点击下载 已下载:211 次  运行环境:HTML  软件大小: 975 KB  提取码:   推荐VPS:九零云

转载请注明来源:jQuery中奖名单滚动轮播大转盘抽奖代码

本文永久链接地址:https://www.enboo.cn/texiaoyuanma/18235.html


下载说明:
●推荐使用2345加速浏览器、谷歌等各大浏览器直接点击下载地址下载,请勿复制本站下载地址到别处下载,推荐使用2345好压解压文件;
●本站提供的源码通过 QQ电脑管家、360安全卫士 等软件检测;安全绿色无病毒请放心下载!
●本站提供的源码经过测试,有前台及后台管理界面演示图;请自行下载学习研究,请勿用于非法用途,如用于非法用途,责任请自负,与本站无关!
版权声明:
○下载本站资源学习研究的默认同意本站的【版权声明本站提供的资源若有侵犯你的权益请:点此维权 站长会进行审查之后,情况属实的会在三个工作日内为您删除。