横向平滑分组切换由鼠标点击控制(HTML+CSS+JS)

由鼠标点击左右箭头来控制的横向平滑分组切换，HTML+CSS+JS结构。分组切换完后切换到第一组。

修改说明：

分组修改：如下示例在其中添加链接即可
<DIV class=section id=section1>
<A href="http://www.51xuediannao.cn/jiqiao/" target="_blank"><IMG alt="懒人建站" src="img/citykidssite.jpg"></A>
<A href="http://51xuediannao.cn/" target="_blank"><IMG alt="懒人建站" src="img/gc-general.jpg"></A>
<A href="http://www.51xuediannao.cn/" target="_blank"><IMG alt="懒人建站" src="img/groups.jpg"></A>
<A href="http://51xuediannao.cn/show" target="_blank"><IMG alt="懒人建站" src="img/rhemacards.jpg"></A>
</DIV>

样式修改如下：当然你可以根据需要自行修改更多样式
/*修改下面三个宽度为你想要的下面三个宽度*/
.scroller {
 WIDTH: 665px;
}
.scroller .section {
 WIDTH: 665px;
}
.feature {
 WIDTH: 665px;
}

TAG标签