Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > div+CSS滑动门特效_html/css_WEB-ITnose

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

WBOY
Freigeben： 2016-06-24 12:30:31
Original
1750 Leute haben es durchsucht

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

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





    滑动门




     

         

               
    • 滑动门

      •          
    • 滑动门

      •          
    • 滑动门

      •          
    • 滑动门

      •          
    • 滑动门

      •      

         

             
    第一层内容

             
             
             
             
         

     




     

    首页


     

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

      2.  

     

    测试


     

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

      2.  

     

    无聊


     

           
    1. h3没有值也可以～

      2.  

     

    傻蛋


     

           
    1. div没有值一样可以～

      2.  





     

    首页


     

         

    嘿嘿，无视h3原始class值。


     

     

    测试


     

         

    继续无视div原始class值。


     

     

    无聊


     

         

    h3没有值也可以～


     

     

    傻蛋


     

         

    class值相似一样也可以～


         

             

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


         

     





    Verwandte Etiketten：
    div+CSS滑动门特效
    Quelle：php.cn
    Vorheriger Artikel：DIV CSS布局实例：CSS标签切换代码_html/css_WEB-ITnose Nächster Artikel：div+css浏览器兼容之对css hack的理解_html/css_WEB-ITnose
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Neueste Artikel des Autors
    Aktuelle Ausgaben
    Warum unterbricht das Weglassen von 0 ms Schlaf meine CSS-Übergänge? Ich versuche, eine FLIP-Animation zu implementieren, um zu sehen, ob ich sie richtig verst...
    Aus 2024-04-06 16:29:50
    0
    2
    490
    verwandte Themen
    Mehr>
    Beliebte Empfehlungen
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage