实现一个简单的jQuery进度条例子，旋转木马

这个例子给大家分享一个具体实现jQuery代码的进度条旋转木马，供大家参考，具体内容如下

HTML：

零
一
二
三

CSS：
* {
保证金：0汽车；
填充：0；
}

该{。
宽度：100%；
身高：490px；
职位：相对；
}
img {
宽度：100%；
身高：490px；
溢出：隐藏；
}
IMG的ul {。
宽度：100%；
身高：490px；
列表样式类型：无；
显示：无；
}
文本{。
宽度：1000px；
身高：6px；
位置：绝对；
底部：28px；
左：50%；
margin-left: - 500px；
}
资产净值{。
宽度：1000px；

身高：10px；
位置：绝对；
底部：4px；
左：50%；
margin-left: - 500px；
}
文本UL
宽度：200px；
身高：100%；
浮点数：左；
左：38px保证金；
列表样式类型：无；

}
导航系统
宽度：200px；
身高：10px；

浮点数：左；
左：38px保证金；
列表样式类型：无；
背景：灰色；
}
导航UL Li { {
宽度：0px；
身高：100%；
背景：红色；
浮点数：左；
}
Javaｓｃｒｉｐｔ：
var I＝0；
无功time_id = null；
函数自动（）{
Eq（i）查找（）。
宽度：200px
}，3900，函数（）{（）
++；
$（这个）。Css（宽度
如果（i = 3）{
我= 0；
}
$（img ul）。Eq（我），FadeIn（300）。兄弟姐妹（）FadeOut（300）；
}）；
}

time_id = setInterval（汽车（）

Click（函数（））{（）{）
$（）查找（）。停止（）Css（）宽度
ClearInterval（time_id）；
i = $（this）；
$（img ul）。Eq（我），FadeIn（），（）FadeOut（）的兄弟姐妹；
汽车（）；
time_id = setInterval（汽车（）
}）；

Click（函数（）{（）{））
$（）查找（）。停止（）Css（）宽度
ClearInterval（time_id）；
i = $（this）；
$（img ul）。Eq（我），FadeIn（），（）FadeOut（）的兄弟姐妹；
汽车（）；
time_id = setInterval（汽车（）
}）

设计素描 uff1a
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。