一、效果如下点击&ldquo;测试中奖纪录&rdquo;弹出弹框。弹框中内容超出时显示滚动条。二、代码部分1、html结构<body> <a href="javascript:;" id="bbb"&g ...
一、效果如下
点击“测试中奖纪录”弹出弹框。弹框中内容超出时显示滚动条。
二、代码部分
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>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:jquery——滚动条插件jscroll.js
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。