<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<style>
/*@by mi9.ltd,mi9.site,mi9.online 联合开发提供*/
*{margin:0;padding:0;list-style-type:none;}
body{font:12px/180% Arial, Helvetica,sans-serif, "新宋体";background:#f9f9f9;color:#666;}
ul {
list-style-type: none;margin: 0;padding: 0;}
/*核心css类*/
/*通用css类*/
.m0{margin:0 auto;}
.h0{height:100%;}
.w0{width:100%;}
.bgc{background:rgb(225,45,81,0.96); }
.do{transition: 0.6s;}
.fix{position:fixed;}
.abs{position:absolute;}
.hidden{display:none;}
.show{display:block;}
.c0{text-align:center;}
.l0{text-align:left;}
.r0{text-align:right;}
.l{float:left;}
.r{float:right;}
</style>
</head>
<body>
<!--顶部/导航,基础栏-->
<div class="nav" id="nav">
<div class="l">左图标</div>
<span id="webtit">
页面标题
</span>
<div class="r">右图标</div>
</div>
<div id="info_0" style="cont show">
页面1
</div>
<div id="info_1" class="cont hidden">
页面2
</div>
<div id="info_2" class="cont hidden">
页面3
</div>
<div id="info_4" class="cont hidden">
页面4
</div>
<div id="info_top_0" class="cont hidden">
<!--导航栏信息topnav-->
<ul>
<li>首页</li>
<li>资讯动态</li>
<li>联系我们</li>
<li>关于我们</li>
<li>招聘信息</li>
<li>应用下载</li>
</ul>
</div>
<div id="info_cbl_0" class="cont hidden">
<!--导航栏信息cbl_leftnav-->
<ul>
<li>首页</li>
<li>资讯动态</li>
<li>联系我们</li>
<li>关于我们</li>
<li>招聘信息</li>
<li>应用下载</li>
</ul>
</div>
<div id="info_cbl_1" class="cont hidden">
<!--导航栏信息cbl_rightnav-->
<ul>
<li onclick="tab0(0)">首页</li>
<li>资讯动态</li>
<li>联系我们</li>
<li>关于我们</li>
<li>招聘信息</li>
<li>应用下载</li>
</ul>
</div>
<div id="info_cont_0" class="cont hidden">
<!--内容页面信息cont_pageinfo1-->
</div>
<div id="info_cont_1" class="cont hidden">
<!--内容页面信息cont_pageinfo2-->
</div>
<div id="info_cont_2" class="cont hidden">
<!--内容页面信息cont_pageinfo3-->
</div>
<div id="info_cont_3" class="cont hidden">
<!--内容页面信息cont_pageinfo4-->
</div>
<div id="info_bot_0" class="cont hidden">
<!--底部页面信息bot_pageinfo-->
<ul>
<li>首页</li>
<li>动态</li>
<li>消息</li>
<li>我的</li>
</ul>
</div>
<div id="copyright" class="cont copyright">
底部子导航信息
</div>
</body>
<script>
//在此写入执行条件
var title=document.getElementsByTagName
("title")[0];
title.innerText="xxxxx-页面-幂玖梓昕";
var i=0;
len y=0;
function tab0(tag0){
if(i<=0){
alert("成立"+tag0);
}else{
alert("不成立");
}}
</script>
function tab0(){
if(y<=0){
alert("成立");
}else{
alert("不成立");
}}
</script>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<style>
/*@by mi9.ltd,mi9.site,mi9.online 联合开发提供*/
*{margin:0;padding:0;list-style-type:none;}
body{font:12px/180% Arial, Helvetica,sans-serif, "新宋体";background:#f9f9f9;color:#666;}
ul {list-style-type: none;margin: 0;padding: 0;}
/*核心css类*/
/*通用css类*/
.m0{margin:0 auto;}
.h0{height:100%;}
.w0{width:100%;}
.bgc{background:rgb(225,45,81,0.96); }
.do{transition: 0.6s;}
.fix{position:fix;}
.abs{position:absolute;}
.hidden{display:none;}
.show{display:block;}
.c0{text-align:center;}
.l0{text-align:left;}
.r0{text-align:right;}
.l{float:left;}
.r{float:right;}
</style>
</head>
<body>
<!--顶部/导航,基础栏-->
<div class="nav" id="nav">
<div class="l">左图标</div>
<span id="webtit">
页面标题
</span>
<div class="r">右图标</div>
</div>
<div id="info_0" style="cont show">
页面1
</div>
<div id="info_1" class="cont hidden">
页面2
</div>
<div id="info_2" class="cont hidden">
页面3
</div>
<div id="info_4" class="cont hidden">
页面4
</div>
<div id="info_top_0" class="cont show">
<!--导航栏信息topnav-->
<ul>
<li onclick="tab0(0)">首页</li>
<li>资讯动态</li>
<li>联系我们</li>
<li>关于我们</li>
<li>招聘信息</li>
<li>应用下载</li>
</ul>
</div>
<div id="info_cbl_0" class="cont hidden">
<!--导航栏信息cbl_leftnav-->
<ul>
<li>首页</li>
<li>资讯动态</li>
<li>联系我们</li>
<li>关于我们</li>
<li>招聘信息</li>
<li>应用下载</li>
</ul>
</div>
<div id="info_cbl_1" class="cont hidden">
<!--导航栏信息cbl_rightnav-->
<ul>
<li>首页</li>
<li>资讯动态</li>
<li>联系我们</li>
<li>关于我们</li>
<li>招聘信息</li>
<li>应用下载</li>
</ul>
</div>
<div id="info_cont_0" class="cont hidden">
<!--内容页面信息cont_pageinfo1-->
</div>
<div id="info_cont_1" class="cont hidden">
<!--内容页面信息cont_pageinfo2-->
</div>
<div id="info_cont_2" class="cont hidden">
<!--内容页面信息cont_pageinfo3-->
</div>
<div id="info_cont_3" class="cont hidden">
<!--内容页面信息cont_pageinfo4-->
</div>
<div id="info_bot_0" class="cont hidden">
<!--底部页面信息bot_pageinfo-->
<ul>
<li>首页</li>
<li>动态</li>
<li>消息</li>
<li>我的</li>
</ul>
</div>
<div id="copyright" class="cont copyright">
底部子导航信息
</div>
</body>
<script>
//在此写入执行条件
var title=document.getElementsByTagName
("title")[0];
title.innerText="xxxxx页面-幂玖梓昕";
var i=0;
function tab0(tag0){
if(i<=0){
alert("成立"+tag0);
}else{
alert("不成立");
}}
</script>
</html>
网友评论