zoukankan      html  css  js  c++  java
  • jq向上无缝滚动

    <!-- -------------摇奖排行榜---------------  -->
    <div class="Top_Record">
        <div class="record_Top"><p>摇奖排行榜</p></div>
        <div class="topRec_List">
              <dl>
                <dd>编号</dd>
                <dd>姓名</dd>
                <dd>奖项</dd>
                <dd>时间</dd>
            </dl>
            <div class="maquee">
                <ul>
                    <li>
                        <div>1</div>
                        <div>王**</div>
                        <div>中了30元</div>
                        <div>2014/12/30 14:20</div>
                    </li> 
                    <li>
                        <div>2</div>
                        <div>王**</div>
                        <div>中了30元</div>
                        <div>2014/12/30 14:20</div>
                    </li> 
                    <li>
                        <div>3</div>
                        <div>王**</div>
                        <div>中了30元</div>
                        <div>2014/12/30 14:20</div>
                    </li> 
                    <li>
                        <div>4</div>
                        <div>王**</div>
                        <div>中了30元</div>
                        <div>2014/12/30 14:20</div>
                    </li> 
                    <li>
                        <div>5</div>
                        <div>王**</div>
                        <div>中了30元</div>
                        <div>2014/12/30 14:20</div>
                    </li> 
                    <li>
                        <div>6</div>
                        <div>王**</div>
                        <div>中了30元</div>
                        <div>2014/12/30 14:20</div>
                    </li> 
                    <li>
                        <div>7</div>
                        <div>王**</div>
                        <div>中了30元</div>
                        <div>2014/12/30 14:20</div>
                    </li> 
                    <li>
                        <div>8</div>
                        <div>王**</div>
                        <div>中了30元</div>
                        <div>2014/12/30 14:20</div>
                    </li> 
                </ul>
            </div>
        </div>
    </div> 
    
    
    <div class="apple">
        <ul>
            <li><a href="#" target="_blank">你是我的小丫小苹果 </a></li>  
            <li><a href="#" target="_blank">怎么爱你都不嫌多</a></li> 
            <li><a href="#" target="_blank">红红的小脸儿温暖我的心窝 </a></li>  
            <li><a href="#" target="_blank">点亮我生命的火 火火火火</a></li> 
            <li><a href="#" target="_blank">你是我的小丫小苹果 </a></li>  
            <li><a href="#" target="_blank">就像天边最美的云朵</a></li>  
            <li><a href="#" target="_blank">春天又来到了花开满山坡 </a></li>  
            <li><a href="#" target="_blank">种下希望就会收获</a></li> 
        </ul> 
    </div>
    
    
    <script type="text/javascript"> 
          function autoScroll(obj){  
                $(obj).find("ul").animate({  
                    marginTop : "-39px"  
                },500,function(){  
                    $(this).css({marginTop : "0px"}).find("li:first").appendTo(this);  
                })  
            }  
            $(function(){  
                setInterval('autoScroll(".maquee")',3000);
                setInterval('autoScroll(".apple")',2000);
                  
            }) 
            
    </script> 
    全部教程http://each.sinaapp.com/angular/index.html
  • 相关阅读:
    Android 架构 1.架构
    Android UI 统一修改Button控件的样式,以及其它系统控件的默认样式
    RobotFrameWork+APPIUM实现对安卓APK的自动化测试----第三篇【实例】
    RobotFrameWork+APPIUM实现对安卓APK的自动化测试----第二篇【原理】
    RobotFrameWork+APPIUM实现对安卓APK的自动化测试----第一篇【安装】
    选择日期控件
    robot Framework控制浏览器
    botot framework选择下拉框
    soapui测试接口使用步骤
    使用python实现appium的屏幕滑动
  • 原文地址:https://www.cnblogs.com/xfdmb/p/6126727.html
Copyright © 2011-2022 走看看