masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > div+CSS滑动门特效_html/css_WEB-ITnose

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

WBOY
Lepaskan： 2016-06-24 12:30:31
asal
1750 orang telah melayarinya

滑动门是一种只需要鼠标悬停便可自动切换板块的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也行。


         

     





    Label berkaitan：
    div+CSS滑动门特效
    sumber：php.cn
    Artikel sebelumnya：DIV CSS布局实例：CSS标签切换代码_html/css_WEB-ITnose Artikel seterusnya：div+css浏览器兼容之对css hack的理解_html/css_WEB-ITnose
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Isu terkini
    Mengapa meninggalkan 0ms tidur mematahkan peralihan css saya? Saya cuba melaksanakan animasi FLIP untuk melihat sama ada saya memahaminya dengan betul. ...
    daripada 2024-04-06 16:29:50
    0
    2
    490
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan