jQuery实现的一个简单的旋转木马效果的例子{ }






标题











一
二
三
四







*************初始化************ / /
*边距：0；填充：0；边框：无；列表样式：无}
/ *********旋转中心周围************* /
主要{。
宽度：1024px；
身高：320px；
保证金：0汽车；
职位：相对；
}
主{
位置：绝对；
}
主要一个img {。
宽度：100%；
身高：320px；

}
***********左边的小图标************ / /
主要的UL。
背景：# f97157；
}
主要UL
位置：绝对；
Z指数：999；
上图：120px；
左：20px；
}
主要的UL
宽度：20px；
身高：20px；
边框半径：50%；
背景：# 909090；
光标：指针；
文本对齐：中心；
}




*由管理员创建的16-3-12。
* /
/*********** defines global variables and *************/ timer
var = null；

变量0
VaR的计算；
************************ / /
$（函数（）{（））
数= $（。主要a.length ）；N / *动态变化备用
让第一个隐藏的***不在旋转木马中。
$（）；
显示当前李立/ *单击相应的图片。
$（）Click（函数（）{（）{））
var索引= $（this）。Text（）- 1；
n =索引；
console.log（N）；
/ *****让在0.5s显示当前图片，和褪色，逐渐显示出***** /
$（主一）。滤波器（：可见）。FadeOut（500）。母（）。孩子们（）。情商（指数），FadeIn（1000）；
/ *******焦点，李添加到当前的课堂，改变******* 背景色/
$（这）。AddClass（选择）；
同时，所有兄弟都删除了被称为选定的李类的当前值，减少了背景颜色。
$（这），兄弟姐妹（）。RemoveClass（选择）；
}）；
定义3秒计时器/执行一个***
T = setInterval（）（自动载物
当鼠标进入***定时器停止时，在启动计时器时删除。
$（主要）。Hover（function（）{ clearInterval（T）}，函数（）{ T = setInterval（）（自动载物
}）；
自动函数定义/旋转木马***
功能自动载物（）{
如果（n＞＝（count-1））{
n＝0；
其他{ }
++；
}
对执行李，事件
$（主命令）。EQ（n）。Trigger（）；
}


以上这个jQuery实现的简单的旋转木马效果{是大家分享的一个小例子，希望能给大家一个参考，希望大家支持。