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

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