jQuery框架应用案例之单条新闻的滚动效果(仿雅虎首页新闻滚动)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   
                    "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
  <script src="E:/workspace/tplifeUAT/webapps/platform/jquery-1[1].2.6.pack.js" type="text/javascript"></script>
  <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).fadeIn("slow");    

            //先把第一条显示出来,否则会第一条直接渐隐掉而直接显示第二条  
                $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()',2000);
</script>
</head> 
  <body>
       <div id="lie" >
              <p 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、认真落实扶持生猪生产的各项政策措施。目前中央财政已下拨.
       </div>
</body> 
</html>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值