特效描述:利用CSS3 jQuery实现 仿IOS股市 无缝滚动。利用CSS3 jQuery实现仿IOS股市无缝滚动
代码结构
1. 引入CSS
<link rel="stylesheet" href="rolling.css" type="text/css" />
2. 引入JS
<script type="text/javascript" src="rolling.js"></script>
3. HTML代码
<div id="search"> <img src="images/magnifier.png" /> <input type="text" /> </div> <div id="demoLeft"> <div class="indemo"> <div id="demo1" class="demo"> <div class="block"> <div class="info">APPL 405.0</div> <div class="subinfo">VALUE: 176B</div> <div class="pointer up">0.12</div> <div class="clear"></div> </div> <div class="block"> <div class="info">GOOG 205.0</div> <div class="subinfo">VALUE: 376B</div> <div class="pointer down">0.32</div> <div class="clear"></div> </div> <div class="block"> <div class="info">HOOH 120.0</div> <div class="subinfo">VALUE: 86B</div> <div class="pointer down">0.55</div> <div class="clear"></div> </div> <div class="block"> <div class="info">TNT 405.0</div> <div class="subinfo">VALUE: 276B</div> <div class="pointer up">0.34</div> <div class="clear"></div> </div> </div> <div id="demo2" class="demo"></div> </div> </div> <div class="buttonSet"> <div class="button red">UP</div> <div class="button green">DOWN</div> </div>