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>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>