jQuery子屏幕指示器旋转示例

本文介绍了jQuery子屏幕指示器旋转效果的实现方法，供大家参考，具体分析如下：

今天，Web应用程序是最广泛使用的屏幕指示器，从Android到腾讯的Web操作系统等等，子屏幕指示器提供了良好的用户体验。下面实现一个子屏幕指示器，以实现画面的简单旋转效果。

代码如下：
无功电流= 0，= 0下，数= 0；
$（文档）Ready（函数（）{）
记录/图片的数量
数=（美元的# img_list '）的大小（）；
T = setInterval（'imgplay（）'，3000）；
移动鼠标到图片导航或停止游戏后恢复游戏
$（# IMGS李，# img_list '）。Hover（函数（）{（）
clearInterval（T）；
}函数（）{（）
T = setInterval（'imgplay（）'，3000）；
}）；
单击导航到相应的图片回放
$（# img_list '）。Click（function（）{）
index（下标）函数返回当前导航
风险指数=（美元的# img_list '）指数（本）；
如果（当前！=索引）{
游戏（索引）；
电流=指数；
}；
返回false；
}）；
}）；
函数播放图片
无功imgplay =函数（）{（）
未来=课程+ 1；
如果当前的图片播放到最后一个，其中设置的下标为第一张图片播放图片。
如果（当前= =数下= 0 - 1）；
玩（下）；
1 + +；
在照片/下标加1，如果该值大于上下一张图片，是第一张图片播放的下标下标下一轮，然后是1比1
如果（当前>数- 1）{电流= 0；下=课程+ 1；}
}；
控制功能播放效果
函数（下一个）{
当前图片滑动左/右后-网站500px，回到490px
/ /图片幻灯片为0px，后完成导航焦点切换到下一个点。
$（# IMGS李）。Eq（1）。Css（{ 'opacity：'0.5 ' }）。动画（{右：530px '，'opacity'：‘}，}，{）
$（这）。Css（{右：'520px}）；
}。
。情商（下）。动画（{右：'0px '，'opacity'：‘}，'慢'，函数（）{）
$（# img_list '），兄弟姐妹（'a'）。RemoveClass（主动的），（），Eq（下）AddClass（主动的）；
}）；
}；
希望本文能对大家的jQuery程序设计有所帮助。