横向平滑分组切换由鼠标点击控制(HTML+CSS+JS)
作者:佳明妈 来源:懒人建站 2009-11-28 人气:由鼠标点击左右箭头来控制的横向平滑分组切换,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;
}
横向平滑分组切换由鼠标点击控制(HTML+CSS+JS)由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
横向平滑分组切换由鼠标点击控制(HTML+CSS+JS)-最新评论