资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

jQuery简单tab效果

  1.  
  2.  
  3.  
  4.  
  5. 无标题文档 
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.      
  13.         
       
    •           公司简介
      •  
    •           
    • 领导致辞
      •  
    •           
    • 工艺传承
      •  
    •           
    • 限量概念
      •  
    •         
     
  14.     
 
  •      
  •         11111111111
    •  
  •         22222222222
    •  
  •         3333333333 
  •         44444444444 
  •      
  •  
  •  
  •  
  •  

    •  

    创新互联公司是专业的灵武网站建设公司，灵武接单;提供网站设计、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行灵武网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

    1. /* CSS Document houguang*/ 
    2. body,ul,li,span,p,strong,div,form,lable,input { margin:0; padding:0; border:none;} 
    3. body { background:url(bg1.jpg) center top no-repeat; font-size:12px; font-family:"宋体"; text-align:center; height:700px;} 
    4. ul { list-style:none;} 
    5.  
    6. #main { width:960px; height:330px; margin:0 auto; margin-top:165px; text-align:left; position:relative;} 
    7. #title { width:190px; height:70px; position:absolute; top:0; left:0; color:#ad0000; font-size:24px; font-weight:bold; text-align:center;} 
    8. #title span { color:#753b17; font-size:14px; font-weight:normal; line-height:3em;} 
    9. #left { width:190px; height:auto; float:left; margin-top:70px;} 
    10. #left ul li { width:190px; height:35px; line-height:35px; text-align:center;} 
    11. #left ul li ul { display:none;} 
    12. #left ul li ul li { padding-left:5px; height:20px; line-height:20px;} 
    13. #left ul li ul li a { color:#834a37;} 
    14. #left ul li ul .liLight0 { background:url(list.gif) left no-repeat; color:#834a37;} 
    15. #left ul li ul .liLight0 a { color:#834a37; font-weight:bold;} 
    16. #left ul li a { color:#753b17; text-decoration:none;} 
    17. #left ul .liLight { background:url(light_bg.jpg) top center no-repeat;} 
    18. #left ul .liLight a { color:#FFF;} 
    19. #right { width:760px; height:260px; float:left; position:relative;} 
    20. #right .box { width:740px; height:220px; overflow:auto; position:absolute; top:30px; display:none;} 
    21.  
    22. #footer{ width:1000px; height:40px; margin:0 auto; margin-top:130px; position:relative;} 
    23. #footer ul li { float:left;} 
    24. #footer ul li a { padding:5px 25px; text-decoration:none; font-family:"黑体"; font-size:14px; font-weight:bold; color:#000; line-height:30px;} 
    25. #footer ul li a:hover { color:#FFF;} 
    26. #footer ul .liLight1 { background:url(nav_bg.gif) center no-repeat;} 
    27. #footer ul .liLight1 a { color:#FFF;} 
    28.  
    29. #copy { width:960px; color:#b79e6f; font-size:12px; text-align:left; margin:10px auto;} 

     


    标题名称：jQuery简单tab效果
    分享路径：http://cdkjz.cn/article/igdgcp.html
    返回首页 了解更多建站资讯

    相关资讯

    多年建站经验

    多一份参考，总有益处

    联系快上网，免费获得专属《策划方案》及报价

    咨询相关问题或预约面谈，可以通过以下方式与我们联系

    大客户专线   成都：13518219792   座机：028-86922220

    在线咨询 提交需求
    友情链接 交换友情链接
    电信机房托管服务器手机网站制作成都钢筋机械设备柔性防护网橡塑保温材料成都定制网站全网营销推广发光字制作成都雪糕加盟成都棕数机房

    成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

    成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

    专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图