栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

jq选项卡鼠标延迟的插件实例

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jq选项卡鼠标延迟的插件实例

复制代码 代码如下:
         "http://www.w3.org/TR/html4/loose.dtd">
 
 
 
 
     选项卡插件制作
 
     *{margin: 0;padding: 0}
     .tab{width: 350px;margin: 100px auto;}
     .tabnav li{ list-style:none;cursor:pointer;float: left;width: 80px;border: 1px solid #ccc;border-radius: 5px;margin-right: 5px; height:24px;line-height: 24px;text-align: center;}
     .tabnav li.cur{background:#daa520;}
     .tabcontent{display: none;padding: 20px;}
     .tabcon{border: 1px #708090 solid;background: #ffc0cb;height: 300px;clear: both;}
 
 
 
 
 
    
        

                
  • 菜单一

  •             
  • 菜单二

  •             
  • 菜单三

  •         

    
    
         内容一
         内容二
         内容三
    
    
        
            
                

                        
  • 菜单一

  •                     
  • 菜单二

  •                     
  • 菜单三

  •                 

            
            
                 内容一
                 内容二
                 内容三
            
    
 
  
 
 
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/111291.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号