欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery实现每个数字上都带进度条的幻灯片_jquery

程序员文章站 2022-03-31 17:29:38
...
记得亚马逊没改版之前,首页的幻灯片我很喜欢,每个数字上面都带有进度条。
闲的无聊,自己实现了一个。用的jquery。
主要用到animate()方法,
因为有一个进度条的播放过程。
不支持ie6,当然,改改还是可以的。
演示
下载
先看下效果图
jquery实现每个数字上都带进度条的幻灯片_jquery
看代码吧:
复制代码 代码如下:




slide play with loadbar--by loethen







  • jquery实现每个数字上都带进度条的幻灯片_jquery

  • jquery实现每个数字上都带进度条的幻灯片_jquery

  • jquery实现每个数字上都带进度条的幻灯片_jquery

  • jquery实现每个数字上都带进度条的幻灯片_jquery

  • jquery实现每个数字上都带进度条的幻灯片_jquery




  • 1



  • 2



  • 3



  • 4



  • 5







相关标签: 进度条 幻灯片