jquery实现幻灯片效果

由于页面用到幻灯片,本人目前又不会flash,就只好用jquery写了一个,感觉还可以,代码不多,很简单,供新手学习学习,呵呵。

注意:1.参数c表示图片数量

        2.图片都要以数字命名,并格式相同,

        3.再就是路径要正确

        4.picshow是要显示ppt的div的id

 

 <script type="text/javascript">
      var i=1;
      var c=3;
      window.οnlοad= function addimg()
      {
        for(;i<=c;i++)
        {
         var img=$("<img id='"+i+"' src='../images/user/ppt/"+i+".jpg'  style='display:none'/>");

         $("#picshow").append(img);
        }
        i=1;
        showimg();
      }
      function showimg()
      {
        $("img#"+i).fadeIn(500).delay(3000).fadeOut(500,function(){if(i<c) i++;else i=1;showimg();});
      }
</script>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值