看代码吧:

Heim >Web-Frontend >js-Tutorial >jquery实现每个数字上都带进度条的幻灯片_jquery

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

WBOY
WBOYOriginal
2016-05-16 17:41:55994Durchsuche

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

复制代码 代码如下:




slide play with loadbar--by loethen















  • 1



  • 2



  • 3



  • 4



  • 5







Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn