知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

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

    作者:佳明妈 来源:懒人建站 2009-11-28 人气:
    由鼠标点击左右箭头来控制的横向平滑分组切换,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;
    }

    ↓ 查看全文

    横向平滑分组切换由鼠标点击控制(HTML+CSS+JS)由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

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