126电子邮箱TAB实际效果(同一网页页面可数次应用)
本文摘要: meta http-equiv= Content-Type content= text/html;charset=gb2312 / title 简约Tab /title style type= text/css !--body,div,ul,li{padding:0;text-align:center;}body{font:12px 老宋体 text-align:center;}a:link{color:#00F;text-decoration:none;}a:v

meta http-equiv= Content-Type content= text/html;charset=gb2312 /
title 简约Tab /title
style type= text/css
!--
body,div,ul,li{
padding:0;
text-align:center;
}
body{
font:12px 老宋体
text-align:center;
}
a:link{
color:#00F;
text-decoration:none;
}
a:visited {
color: #00F;
text-decoration:none;
}
a:hover {
color: #c00;
text-decoration:underline;
}
ul{ list-style:none;}
/*选择项卡1*/
#Tab1{
width:460px;
margin:0px;
padding:0px;
margin:0 auto;}
/*选择项卡2*/
#Tab2{
width:576px;
margin:0px;
padding:0px;
margin:0 auto;}
/*莱单class*/
.Menubox {
width:100%;
background:url(images/uppic/340.gif);
height:28px;
line-height:28px;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
float:left;
display:block;
cursor:pointer;
width:114px;
text-align:center;
color:#949694;
font-weight:bold;
}
.Menubox li.hover{
padding:0px;
background:#fff;
width:116px;
border-left:1px solid #A8C29F;
border-top:1px solid #A8C29F;
border-right:1px solid #A8C29F;
background:url(images/uppic/070.gif);
color:#739242;
font-weight:bold;
height:27px;
line-height:27px;
}
.Contentbox{
clear:both;
margin-top:0px;
border:1px solid #A8C29F;
border-top:none;
height:181px;
text-align:center;
padding-top:8px;
}
--
/style
script
!--
/*第一种方式 第二种方式 拆换显示信息款式*/
function setTab(name,cursel,n){
for(i=1;i i++){
var menu=document.getElementById(name+i);
var con=document.getElementById( con_ +name+ _ +i);
menu.className=i==cursel? hover :
con.style.display=i==cursel? block : none
}
}
//--
/script
/head
body
br br
div id= Tab1
div > ul
li id= one1 quot;setTab('one',1,4) > li id= one2 quot;setTab('one',2,4) 新闻报道2 /li
li id= one3 quot;setTab('one',3,4) 新闻报道3 /li
li id= one4 quot;setTab('one',4,4) 新闻报道4 /li
/ul
/div
div > div id= con_one_1 > div id= con_one_2 > div id= con_one_3 > div id= con_one_4 > /div
/div
br
div id= Tab2
div > ul
li id= two1 quot;setTab('two',1,4) > li id= two2 quot;setTab('two',2,4) 新闻报道2 /li
li id= two3 quot;setTab('two',3,4) 新闻报道3 /li
li id= two4 quot;setTab('two',4,4) 新闻报道4 /li
/ul
/div
div > div id= con_two_1 新闻报道目录1 /div
div id= con_two_2 > div id= con_two_3 > div id= con_two_4 > /div
/div
/body
/html


|桃源建立网站 常德市市辖县。坐落于湖南省大西北部,宋乾德年间(963)析置桃源县,因地区有桃花运源,故名位于雪峰山、武陵山余脉,为沅水里、中下游河段。属亚热带气候季风性潮湿气侯。年均温16.5℃,年均降雨
|兴仁网站建设 兴仁县坐落于贵州省省西北部,是滇、黔、桂三省融合部的管理中心县,土地总面积1785平方千米,人口数量4六万,历史时间上的兴仁,因为经贸比较发达,被称作“商城系统”,今日的兴仁,以其丰富多彩的煤碳、金子
|龙潭公司建立网站 龙潭区是吉林省省吉林省地区之一,因位于龙潭山麓而而出名。坐落于吉林省市东北地区部,松花江北区岸,龙潭区东部地区与蛟河市交界,西南与丰腴区相接,南边和中西部与昌邑区别江相望,北边与舒兰
|宿松网络推广 宿松县位于大别山南麓、皖江之首,东与望江县共抱泊湖,南与江西省省湖口县、彭泽县隔江相望,西同湖北省省蕲春县、黄梅县交界,北和苏州太湖县紧邻,是皖鄂赣三省八县融合部,为皖西
|阳信互联网营销推广 知名的我国鸭梨之乡阳信。阳信历史时间久远,文化艺术璀璨,因汉朝大将韩信自燕伐齐驻防古笃河之阳而而出名。阳信是全国性第一批综合性改革创新示范点县,是山东省改革创新对外开放实验区。阳信是全国性优良麦
|平利企业网站建设 在陕西省西南,有一块风景秀丽、气侯怡人、秀色可餐的福地,那么就是被称作翠绿色休闲娱乐佳园的女娲故居—平利。县境东接湖北省竹溪,南邻重庆市城口,大西北各自与省内当地的岚皋、汉滨和旬
|大同市企业网站建设 大同市市坐落于山西省省北边,北邻内蒙古,东望河北省、距北京市380千米,南离太原市市352千米,实为先都之天然屏障、全晋北方地区的大门户,且扼晋、冀、内蒙古之咽喉要道,是历代兵家必争的地方。古代历史
|奇台企业网站建设 奇台县坐落于准噶尔冲积平原西南部。位于东经89°13′—91°22′,北纬度43°25′—45°29′。东与木垒哈萨克基层民主县为邻,南与吐鲁番县交界处,西连吉木萨尔县,北接富蕴县、小营县,东北地区部同蒙古族老百姓
|怀化市企业网站建设 怀化市坐落于湖南省省西北边境,沅海上游,南连广西省桂林市,西与贵州省同事、黔西南地域交界,北靠庆元土大家族广大苗族地区基层民主州和李家界。怀化市市坐落于我国湖南省省西北部,有着“黔滇门户网、全楚咽
|沛县企业网站建设 沛县辖十五个镇:龙固镇、杨屯镇、大屯镇、沛城区、胡寨镇、魏庙镇、五段镇、张庄镇、张寨镇、敬安镇、河口镇、栖山镇、鹿楼镇、朱寨镇、安国镇。沛县处在苏、鲁、豫、皖四省交
|巴塘企业网站建设 巴塘县坐落于甘孜州中西部。北纬度28°46-30°38′,东经98°58′-99°45′。东接乡城、理塘县,南连得荣县,西隔金沙江与西藏自治区芒康、盐井、贡觉县和云南省省德钦县相望,北与白玉县交界处。南
|安家企业网站建设 安家区,四川省遂宁市所辖区。坐落于四川冲积平原腹心、涪江中上游,遂宁市西北,距遂宁市市区23千米。东接遂宁市船山区地带、北靠遂宁市大英县、西邻资阳市乐至县、南联资阳市安岳县和重
强烈推荐地域 关键地网站制作、企业网站建设、网站运营服务强烈推荐,健全的售前服务售后服务服务保证顾客营销推广的合理
1、技术专业的网站制作制作精英团队给你出示7*二十四小时迅速网站设计制作业务流程,给你的网站迅速构建出示确保 2、一流的技术性工作人员,确保模版仿造编码的安全性、简约、齐整便捷顾客的迅速入门应用 3、多种多样开源系统CMS适用,给你出示dedecms模版网站建设、zblog模版网站建设、wordpress模版网站建设、discuz模版网站建设等业务流程 4、健全的售后服务,大家做的是服务,服务是沒有止境的大家期待与众多顾客达到小伙伴关联,给你出示有意义的事的协助