定义背景动态切换效果的jQuery方法

本文介绍了在jQuery中定义背景动态切换效果的方法，供大家参考：

使用下面的jQuery插件，您可以将图片放在一个数组中，并告诉jQuery图片需要在后台旋转。

（函数（$）{）
VaR的默认设置；
无功divfg，divbg；
Var fadeInterval；
无功fqtimer；
无功currimg = 0；
无功displimg = 0；
var运行= false；
设置并初始化插件
美元。fn.bgfade =功能（设置回调）{
默认设置为扩展（{美元。
频率：5000，
速度：10，
图片：{ }，
位置：中心中心
Fgz：1，
Bgz：0
}，设置）；
var c = 0；
$（this）。每个（函数（）{）
如果（C = = 0）divfg = $（this）；
如果（C = = 1）divbg = $（this）；
C++；
}）；
setbackgrounds（）；
如果（typeof回调函数= =）{
回调（）；
}
返回此；
}；
的fadder / /开始
美元。fn.start =函数（）{
fqtimer = setTimeout（）{（）函数（
NextFade（）}，defaultsettings.frequency
）；
运行=真；
返回此；
}；
的fadder / /停止
美元。fn.stop =函数（）{
ClearInterval（fadeinterval）；
ClearTimeout（fqtimer）；
运行=假；
返回此；
}
当前图像信息{数组id，图像URL }
$ =函数（）{
返回{ POS：displimg，网址：设置图像displimg } { }。
}
前两个后台设置
功能setbackgrounds（）{
送入=默认设置。图片{ 0 }；
我们专注于为默认设置。图片{ 1 }；
Divfg.css（{
背景：URL（+ + 送入），
ZIndex：defaultsettings.fgz，
backgroundposition：defaultsettings.postion
}）；
Divbg.css（{
背景：URL（+形象+ ），
ZIndex：defaultsettings.bgz，
backgroundposition：defaultsettings.postion
}）；
currimg = 1；
displimg = 0；
}
在淡入淡出完成后设置下一个背景。
功能setnextbackground（）{
未来= arraynext（）；
图像=默认设置。图片{一}；
Divbg.css（{
背景：URL（+形象+
}）；
setTimeout（function（）{（）}，nextfade频率设置。）；
}
淡入淡出
功能nextfade（）{
fadeinterval = setInterval（function（）{ fadeit（）}，30）；
}
div的不透明度
功能fadeit（）{
如果（divfg.css（不透明）= = {）
OP = 1；
其他{ }
OP = divfg.css（不透明度）；
}
OP - =（（1000×设置。速度）/ 30）* 0.0001；
Divfg.css（不透明
如果（OP < = 0）{
BG = divbg；
bgimg = divbg.css（背景图像）；
Divfg.css（不透明
Divfg.css（背景图像
ClearInterval（fadeinterval）；
setnextbackground（）；
displimg = arraycurrent（）；
}
}
获取数组中的下一项
功能arraynext（）{
VaR下= currimg + 1；
如果（下=默认设置。图像。长度）{
未来= 0；
}
currimg =未来；
然后返回；
}
获取数组中的当前项
功能arraycurrent（）{
无功电流= currimg - 1；
如果（0）
电流= defaultsettings.images.length - 1；
返回电流；
}
}（jQuery）；

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