• 郁闷吧
  • 懒人建站QQ群:4188479(满) 63242849(满) 39070147

横向平滑分组切换由鼠标点击控制(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 10:43|热度:


相关代码