你的位置:首页 > 软件开发 > Java > jquery——滚动条插件jscroll.js

jquery——滚动条插件jscroll.js

发布时间:2016-01-13 21:00:08
一、效果如下点击“测试中奖纪录”弹出弹框。弹框中内容超出时显示滚动条。二、代码部分1、html结构<body> <a href="javascript:;" id="bbb"&g ...

jquery——滚动条插件jscroll.js

一、效果如下

点击“测试中奖纪录”弹出弹框。弹框中内容超出时显示滚动条。

jquery——滚动条插件jscroll.js

二、代码部分

1、html结构

<body>   <a href="javascript:;" id="bbb">测试中奖纪录</a>   <!--弹框6中奖纪录-->  <div class="tcbox" id="reward_info" style="display:none">    <div class="tcmain6">      <div class="tcclose"></div>      <div class="tc-content6">        <div class="top-wrap">          <h2>中奖纪录</h2>        </div>        <dl class="num-list" id="test-list">          <dt><span class="list-num">第20151225004期</span><span class="list-right">2015-12-25 11:01:12</span></dt>          <dd>            <div class="record-img-left"> <img src='/images/loading.gif' data-original="images/s1.jpg"> </div>            <div class="record-right">              <h4>中奖幸运号:<span>10001234</span></h4>              <p>奖品筹备中, 等待发货</p>              <p>中通, 1273637484637333</p>            </div>          </dd>          <dt><span class="list-num">第20151225003期</span><span class="list-right">2015-12-25 11:01:12</span></dt>          <dd>            <div class="record-img-left"> <img src='/images/loading.gif' data-original="images/s1.jpg"> </div>            <div class="record-right">              <h4>中奖幸运号:<span>10001234</span></h4>              <p>奖品筹备中, 等待发货</p>              <p>中通, 1273637484637333</p>            </div>          </dd>          <dt><span class="list-num">第20151225002期</span><span class="list-right">2015-12-25 11:01:12</span></dt>          <dd>            <div class="record-img-left"> <img src='/images/loading.gif' data-original="images/s1.jpg"> </div>            <div class="record-right">              <h4>中奖幸运号:<span>10001234</span></h4>              <p>奖品筹备中, 等待发货</p>              <p>中通, 1273637484637333</p>            </div>          </dd>          <dt><span class="list-num">第20151225001期</span><span class="list-right">2015-12-25 11:01:12</span></dt>          <dd>            <div class="record-img-left"> <img src='/images/loading.gif' data-original="images/s1.jpg"> </div>            <div class="record-right">              <h4>中奖幸运号:<span>10001234</span></h4>              <p>奖品筹备中, 等待发货</p>              <p>中通, 1273637484637333</p>            </div>          </dd>        </dl>      </div>      <p class="p-bottom">*您还没有填写过<a href="javascript:;">领奖地址</a>,不要和奖品擦肩而过啊</p>    </div>  </div></body>

原标题:jquery——滚动条插件jscroll.js

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。