• 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
  • 相关阅读:
    将备份中的数据插入到数据库中的具体步骤
    C#三层架构(获取中文拼音和给密码加密)
    C# 三层架构项目体会(1)
    leetcode——Best Time to Buy and Sell Stock
    leetcode——Binary Tree Maximum Path Sum
    leetcode——Valid Palindrome
    leetcode——Word Ladder II
    学习制作SLG游戏(一)
    leetcode——Maximum Gap
    cocos2d学习资源收集
  • 原文地址:https://www.cnblogs.com/xfdmb/p/6126727.html
Copyright © 2020-2023  润新知