jQuery示例实现简单的旋转木马效果图

本文介绍了jQuery实现的简单旋转木马效果图示例，供大家分享，供大家参考，如下：

HTML：

四
三
二
一

Css：

滑 / * * /
。PPT {宽度：270px；身高：330px；边框1px solid # CCC；位置：相对；}
。PPT img { position:绝对；顶部：10px；左：7px；宽度：255px；身高：310px；溢出：隐藏；}
。pptnum {位置：绝对的；身高：13px；线高度：14px；底：12px；右：10px；}
。pptnum跨度{字体大小：12px；字体重量：400；颜色：# FFF；浮动权；显示：右；显示；显示：；丹；玉；
。pptnum。正常{颜色：# FFF；背景：# 000；过滤器：α（不透明度50）；不透明度：5；}。
。pptnum .cur {背景：# ce0609；颜色：# FFF；}

Js：

（{函数）；
fn.extend（{美元。
ppting 功能（T）{
var = 4；
var =美元美元（这），i = 0，= $（$照片。PPT），自动换片=函数（）{（）
VaR currentpic美元美元（= pics.find：情商（+（I + 1 = 0号：我+ 1）+））；
currentpic.css美元（{
显示：阻止
}），兄弟姐妹（'a'）。Css（{
显示：不关
}）；
pics.find美元（'。pptnum >跨度：包含（+（+（I + 2 > NUM NUM我：我+ 2）+）。Attr（' '，'cur的）兄弟姐妹（'span）；
i = i + 1 =数字0：i + 1；
}，ST = setInterval（自动换片，T | | 2000）；
this.hover美元（函数（）{（）
ClearInterval（ST）；
}，{ ST（功能）= setInterval（自动换片，T）| | 2000）}；
pics.find美元（'。pptnum >跨）。Click（function（））{
我= parseInt（$（this）。文本（），10）2；
AutoChange（）；
}）；
}
}）；
}（jQuery）；
$（'。PPT）。ppting（1000）；

打电话给JQ：

设计素描 uff1a

关于jQuery相关内容的更多读者感兴趣的读者可以看到特别站：jQuery切换效果和技巧摘要

希望本文能对jQuery程序设计有所帮助。