zoukankan      html  css  js  c++  java
  • Jquery应用案例之单条新闻的滚动效果(仿雅虎首页新闻滚动)

    代码如下:

    头部分代码:
    <html><head>
    <title>单条新闻滚动效果</title>

    <script type="text/javascript" src="scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/interface.js"></script>

    jquery代码部分:
    <script type = "text/javascript">
            
    var n=0;  
            
    var m=0 
            
    function lie(){
              
                 $(
    function(){
                                
                                
    var $firstNode = $('#lie>p'); 
                    
                                $firstNode.eq(n).removeAttr(
    "display");          
                                $firstNode.eq(n).fadeOut('slow',
    function(){  
                            
                                $firstNode.eq(n
    +1).fadeIn("slow"); 
                                 m
    ++;
                                
    if(m>=$("p").length)
                                
    {
                                 n
    =0;
                                 m
    =0
                                }

                                
    else
                                
    {
                                n
    ++;
                                
                                }
                
                          
                                }
    );
                  }
    );
           }

           setInterval('lie()',
    3000);
    </script>

    HTML代码部分:
    <body>
           
    <div id="lie" >
                  
    <style="display:none">1、通知说,近期我国居民消费价格总水平出现明显上涨</p>
                  
    <style="display:none">2、各地区、各部门必须清醒地认识到形势的严峻性。</p>
                  
    <style="display:none">3、一是切实抓好秋粮生产。秋粮是粮食生产的大头.</p>
                  
    <style="display:none">4、付尚未下拨的财政支农资金,各地要及时兑现给种粮农民.</p>
                  
    <style="display:none">5、付尚未下拨的财政支农资金,各地要及时兑现给种粮农民.</p>
                  
    <style="display:none">6、收购价政策。继续稳妥地推动农业保险保费补贴试点工作.</p>      
                  
    <style="display:none">7、二是认真落实扶持生猪生产的各项政策措施。目前中央财政已下拨.</p>
           
    </div>
    </body>
  • 相关阅读:
    HDU 1010 Tempter of the Bone(DFS剪枝)
    HDU 1013 Digital Roots(九余数定理)
    HDU 2680 Choose the best route(反向建图最短路)
    HDU 1596 find the safest road(最短路)
    HDU 2072 单词数
    HDU 3790 最短路径问题 (dijkstra)
    HDU 1018 Big Number
    HDU 1042 N!
    NYOJ 117 求逆序数 (树状数组)
    20.QT文本文件读写
  • 原文地址:https://www.cnblogs.com/xlfj521/p/878321.html
Copyright © 2011-2022 走看看