Home > Web Front-end > HTML Tutorial > div CSS sliding door special effect_html/css_WEB-ITnose

div CSS sliding door special effect_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:30:31
Original
1750 people have browsed it

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

  • 滑动门
  • ”、“" If you delete these two, you must also delete m05, mm05, mmm05 and c05, cc05, ccc05 in the JS special effects to display them normally.





    sliding door




     

         

               
    • 滑动门

    •          
    • 滑动门

    •          
    • 滑动门

    •          
    • 滑动门

    •          
    • 滑动门

    •      

         

             
    第一层内容

             
             
             
             
         

     




     

    首页


     

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

    2.  

     

    测试


     

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

    2.  

     

    无聊


     

           
    1. h3没有值也可以~

    2.  

     

    傻蛋


     

           
    1. div没有值一样可以~

    2.  





     

    首页


     

         

    嘿嘿,无视h3原始class值。


     

     

    测试


     

         

    继续无视div原始class值。


     

     

    无聊


     

         

    h3没有值也可以~


     

     

    傻蛋


     

         

    class值相似一样也可以~


         

             

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


         

     







    Related labels:
    source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template