在按钮和旋转木马上的小圆点
是的，你没看错！或旋转木马图。这次是jQuery！！！CSS代码：
旋转木马周围的白色按钮
# second_div {
边距：160px；
}
img_box {。
溢出：隐藏；
宽度：100%；
身高：420px；
border: 1px solid；
职位：相对；
}
img_box img {。
宽度：100%；
位置：绝对；
}
5 {。
列表样式：无；
位置：绝对；
左：580px；
上图：565px；
}
{ 5里。
浮点数：左；
左：20px保证金；
宽度：40px；
身高：5px；
边境：0px；
背景：草绿色；
}
D1，D2 {
宽度：50px；
身高：60px；
背景颜色：RGBA（10,10,10,0.5）；
文本对齐：中心；
字体大小：26px；
字体重量：800px；
行高：60px；
光标：指针；
}
D1 {。
位置：绝对；
上图：373px；
左：25px；
}
D2 {。
位置：绝对；
上图：373px；
左：1445px；
}
HTML代码：
>
JS代码：
$（文档）Ready（函数（）{）
搜索按钮
$（# SS）。Click（function（）{）
无功new_li = $（+ $（# skuang）。瓦迩（）+）；
$（# D1 UL）。追加（new_li）；
$（# D1）藏（）；
$（# skuang）。瓦迩（）；
}）
$（# skuang）。焦点（函数（）{）
$（# D1）。Css（显示
}）；
$（# skuang ）Blur（）；
$（# qingch）。Click（function（）{）
$（# D1李：GT（0））删除（）；
$（# D1）藏（）；
}）；
旋转木马/地图
img = $（var 。img_box IMG ）；
李= $（var 。5里）；
无功divw = $（。img_box ）Width（）；
len = $（var 。img_box IMG）。长度；
Img.css（左
Img.eq（0）。Css（左
Li.eq（0），Css（背景
var指数= 0；
var下一个= 0；
函数显示（）{
下+；
如果（下= =）
下一个= 0；
}
Img.eq（下），Css（左
Img.eq（指数），动画（{左：- divw }）；
Img.eq（下）。动画（{左：0 }）；
Li.eq（下），Css（背景
Li.eq（指数），Css（背景
索引=下一个；
}
T = setInterval（，2000）；
功能秀王（）{
接下来的--；
如果（下= = 1）{
未来= len-1；
}
Img.eq（下），Css（左
Img.eq（指数），动画（{左：divw }）；
Img.eq（下）。动画（{左：0 }）；
Li.eq（下），Css（背景
Li.eq（指数），Css（背景
索引=下一个；
}
Img.hover（function（）{（）
clearInterval（T）；
}函数（）{（）
T = setInterval（，2000）；
}）
关于按钮
$（。D2）。Mousedown（function（）{）
clearInterval（T）；
显示（）；
}）
$（。D2）。Mousedown（function（）{）
T = setInterval（，2000）；
}）
$（。D1）。Mousedown（function（）{）
clearInterval（T）；
秀王（）；
}）
$（。D1）。Mousedown（function（）{）
T = setInterval（，2000）；
}）
单击白色
li.mousedown（函数（）{（）
$（this）；
如果（数字=下一个）{
返回；
否则如果（数字<下一个）{
clearInterval（T）；
Img.eq（民），Css（左
Img.eq（指数），动画（{左：divw }）；
Img.eq（NUM）。动画（{左：0 }）；
Li.eq（民），Css（背景
Li.eq（指数），Css（背景
索引=数字；
下一个数字；
如果（下一个）{
clearInterval（T）；
Img.eq（民），Css（左
Img.eq（指数），动画（{左：- divw }）；
Img.eq（NUM）。动画（{左：0 }）；
Li.eq（民），Css（背景
Li.eq（指数），Css（背景
索引=数字；
下一个数字；
}
}）
Li.mouseup（function（）{（）
T = setInterval（，2000）；
}）
}）
以上这一点用jQuery和html的小圆点和按钮周围的小图都是大家分享的小例子，希望能给大家一个参考，希望大家支持。