达州做网站

咨询热线：

028-86922220

关于我们

服务项目

小程序开发

案例展示

建站动态

联系我们

地址：成都市太升南路288号锦天国际A幢1002号

电话：028-86922220

028-86922220

大橙子网站建设，新征程启航

为企业提供网站建设、域名注册、服务器等服务

jQuery简单tab效果

11111111111

22222222222

3333333333

44444444444

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

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

网站名称：jQuery简单tab效果
网址分享：http://dzwzjz.com/article/igdgcp.html

其他资讯