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
  • 相关阅读:
    js你不是的那些基础问题-错误处理机制
    js你不是的那些基础问题-数据类型的转换
    js你不是的那些基础问题-布尔运算符
    js你不是的那些基础问题-函数
    js你不知的那些基础问题-对象
    js你不知的那些基础问题-数值
    小程序中ios11底部黑条兼容
    上传---FileReader
    2021年了,我才知道H5支持元素拖放!!!
    ES6常用总结(一)
  • 原文地址:https://www.cnblogs.com/xfdmb/p/6126727.html
Copyright © 2011-2022 走看看