特效描述:利用jQuery实现 购买记录 滚动更新代码。利用jQuery实现购买记录滚动更新代码
代码结构
1. 引入CSS
<link rel="stylesheet" type="text/css" href="css/style.css">
2. 引入JS
<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script> <script type="text/javascript" src="js/index.js"></script>
3. HTML代码
<div class="fg-box" id="box"> <div class="fg-line"></div> <dl> <dd> <div class="fg-left"><span>2小时前</span></div> <div class="fg-right"> <h4>李**购了10元</h4> <a href="#">银亿1号0617040</a> </div> </dd> <dd> <div class="fg-left"><span>2小时前</span></div> <div class="fg-right"> <h4>李**购了20元</h4> <a href="#">银亿1号0617040</a> </div> </dd> <dd> <div class="fg-left"><span>2小时前</span></div> <div class="fg-right"> <h4>李**购了30元</h4> <a href="#">银亿1号0617040</a> </div> </dd> <dd> <div class="fg-left"><span>3小时前</span></div> <div class="fg-right"> <h4>李**购了40元</h4> <a href="#">银亿1号0617040</a> </div> </dd> <dd> <div class="fg-left"><span>4小时前</span></div> <div class="fg-right"> <h4>李**购了50元</h4> <a href="#">银亿1号0617040</a> </div> </dd> <dd> <div class="fg-left"><span>4小时前</span></div> <div class="fg-right"> <h4>李**购了60元</h4> <a href="#">银亿1号0617040</a> </div> </dd> </dl> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> </div>