首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > html教程

div+CSS滑动门特效_html/css_WEB-ITnose

原创
2016-06-24 12:30:31 1310浏览

滑动门是一种只需要鼠标悬停便可自动切换板块的JS特效。需要说明的是如果要减少板块，一定要把JS特效中的相应的板块li的id去掉，否则无法正常显示。比如要将第五项“

  • 滑动门
    • ”、“”这两个删除的话也一定要把JS特效中的m05、mm05、mmm05和c05、cc05、ccc05删除，才能正常显示。





    滑动门






    • 滑动门

    • 滑动门

    • 滑动门

    • 滑动门

    • 滑动门



    第一层内容










    首页



    1. 嘿嘿，无视容器原始class值。


    测试



    1. 继续无视h3原始class值。


    无聊



    1. h3没有值也可以～


    傻蛋



    1. div没有值一样可以～






    首页



    嘿嘿，无视h3原始class值。



    测试



    继续无视div原始class值。



    无聊



    h3没有值也可以～



    傻蛋



    class值相似一样也可以～



    指定class后，即时再多一个div也行。








    div+CSS滑动门特效PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
    声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
    上一条：DIV CSS布局实例：CSS标签切换代码_html/css_WEB-ITnose 下一条：div+css浏览器兼容之对css hack的理解_html/css_WEB-ITnose

    相关文章

    查看更多
    • 热门课程
    打开APP，随时随地在线学习！