当前位置: 懒人建站 > JS代码 > 焦点幻灯片 >

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

由鼠标点击左右箭头来控制的横向平滑分组切换,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;
}

来源:懒人建站|发布人:懒人建站|2009-11-28|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册