切换实用程序支持点击开关和自动旋转木马

无意中看到这个小东西前写，贴上，点击开关，自动支持前端新手转盘，看！

代码如下：
项目1
第二
项目三
项目四
项目五

HTML

在这里，只需更改图片路径到您的本地。
。scroll_div {宽度：1000px；身高：370px；保证金：0汽车；padding: 10px；}
。scroll_div。PIC {宽度：820px；身高：370px；溢出：隐藏；位置：相对；浮动：左；}
。scroll_div.pic李{宽度：820px；身高：370px；位置：绝对的；最高：0；左：0；显示：无；}
。scroll_div。BTN {浮动权；宽度：173px；}
。scroll_div.btn李{宽度：173px；身高：66px；显示：块；浮动：左；文本对齐：中心；颜色：# FFF；字体：18px / 100%；字体重量：大胆的微软雅黑；背景：# 008dd8；margin-bottom: 10px；线高度：66px；光标：指针；}
。scroll_div.btn李，{背景：# d73737；}

李{列表样式：无；}
CSS
$（函数（）{（））
无功listlen = $（。照片里）。Length，我= 0，setinter，脾= 3000；
图片旋转木马
$（。-李：去年）。Css（{缘：0px 0px 0px 0px}）；
$（。-李：第一）。AddClass（）；
$（李：第一）；

$（。-李），每个（函数（指数、元）{）
$（元素）Click（函数（）{）
i =索引；
$（这）。AddClass（），兄弟姐妹（）。RemoveClass（）；
$（）。EQ（索引）。动画（{不透明）显示}，300。兄弟（）。动画（{不透明度：隐藏，}，300）；
}）
$（元素）Hover（函数（）{）
ClearInterval（setinter）；
}函数（）{（）
打败（）；
}）；
}）
out_fun =函数（）{
如果（我的<< listlen）{我++；}否则{我= 0；}；
$（。-李），Eq（我）。AddClass（），兄弟姐妹（）。RemoveClass（）；
Eq（i）动画（{不透明度：}，300）。兄弟（）。动画（{不透明度：隐藏，}，300）；
}

击败=函数（）{
setinter = setInterval（out_fun（）
}
打败（）；
}）