1 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。
2 有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而且不会有浏览器不支持，用户禁用cookie的烦恼。
3 有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick=”document.form.command.value=”xx”“然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
4 有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来。
5 javascript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了。
6 还有个例子，比如按一个按钮弹出四个小窗口，当点击其中的一个小窗口时其他三个自动关闭．可是IE不支持小窗口相互调用，所以只有在父窗口写个隐藏域，当小窗口看到那个隐藏域的值是close时就自己关掉。
当页面中需传递多个值时，可用input隐藏域进行传值；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>最新项目视频</title>
<link href="bootstrap_3.css" rel="stylesheet" type="text/css" OLDSRC="bootstrap_3.css" OLDID="2775" RELATED="1">
<script src="jquery-1_3.10.1.min.js" OLDSRC="jquery-1_3.10.1.min.js" OLDID="2780" RELATED="1"></script>
<link href="style.css" rel="stylesheet" type="text/css" OLDSRC="style.css" OLDID="1353" RELATED="1">
<script src='//kefu.easemob.com/webim/easemob.js?tenantId=18781&hide=false&sat=false' async='async'></script>
<script>
window.easemobim = window.easemobim || {};
easemobim.config = {
hide:false, //是否隐藏小的悬浮按钮
autoConnect: true //自动连接
};
</script>
<TRS_DOCUMENTS id="311产学创" num="10" startpos="0" >
<style type="text/css">
ul,li{margin:0;padding:0;}
ul li{list-style:none;}
.section1{background:url(<TRS_APPENDIX UPLOAD='TRUE' INDEX=0 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>)no-repeat;background-size:cover; padding-top:160px;padding-bottom:45px;}
.container{width:88%!important;padding-left:60px;}
.vedioLeft{position:relative;}
.vedioZC{background:rgba(0,0,0,0.32);position:absolute;width:100%; height:100%;z-index:3;}
.vedioLeft ul li{display:none;float:left;}
.vedioRight ul li{display:block;width:150px;height:79px;text-align:center;padding-top: 12px;background:url(<TRS_APPENDIX UPLOAD='TRUE' INDEX=1 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>)no-repeat;background-size:cover;margin-bottom:15px;cursor:pointer;margin-left:40px;}
.dianji{margin-top:10px;}#projectList .container{padding-top:15px;padding-bottom:15px;}
#projectList ul li{display:none;}
#projectList ul{background:#fefefefe;} #projectList p{text-indent:0em;}
.elineList p{text-indent:0em!important;}
</style>
</head>
<body>
<section>
<div class="qqf-width">
<ul class="qqf-mt-50" style="float:left">
<li style="font-family:pinfan"><img src="logo.png" OLDSRC="logo.png" OLDID="1383" RELATED="1" /><span style=" margin-left:20px;">蜂集世界 全球众投</span></li>
</ul>
<p style="float:right;font-size:16px;padding:10px;margin-top:50px;"><a href="http://www.rebobee.com/en" style="color:#646464">English </a>| <a href="http://www.rebobee.com" style="color:#646464">中文版</a></p>
<div class="clearfix"></div>
</div>
<div class="clear"></div>
<nav class="unite-menu">
<TRS_TEMPLATE tempname="菜单栏嵌套1" ></TRS_TEMPLATE>
</nav>
</section>
<section class="section1">
<div class="container mainb">
<div class="row">
<div class="col-sm-9 vedioLeft">
<div class="vedioZC"></div>
<ul id="videoId">
<li>
<video class="video" src="http://www.rebobee.com/file/311video/yuanyuan.mp4" preload="metadata" style="width:100%;clear:both;display:block;margin:auto" controls=""></video>
</li>
<li>
<video class="video" src="http://www.rebobee.com/file/311video/bang.mp4" preload="metadata" style="width:100%;clear:both;display:block;margin:auto" controls=""></video>
</li>
<li>
<video class="video" src="http://www.rebobee.com/file/311video/s1bc.mp4" preload="metadata" style="width:100%;clear:both;display:block;margin:auto" controls=""></video>
</li>
<li>
<video class="video" src="http://www.rebobee.com/file/311video/rightnow.mp4" preload="metadata" style="width:100%;clear:both;display:block;margin:auto" controls=""></video>
</li>
<li>
<video class="video" src="http://www.rebobee.com/file/311video/eline.mp4" preload="metadata" style="width:100%;clear:both;display:block;margin:auto" controls=""></video>
</li>
</ul>
</div>
<div class="col-sm-2 vedioRight">
<ul id="menuId">
<li>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=2 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" /></br>
<span>鼘源</span>
</li>
<li>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=2 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" /></br>
<span>Bang!</span>
</li>
<li>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=2 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" /></br>
<span>S1BC</span>
</li>
<li>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=2 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" /></br>
<span>RIGHT NOW</span>
</li>
<li>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=2 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" /></br>
<span>E+智能互联</span>
</li>
</ul>
</div>
</div>
<div class="dianji">
<ul class="row">
<li class="col-sm-3">
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=3 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" />
<span>点赞：562</span>
</li>
<li class="col-sm-3">
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=4 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" />
<span>点播：654</span>
</li>
<li class="col-sm-3">
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=5 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" />
<span>意向者：19</span>
</li>
<li class="col-sm-3">
</li>
</ul>
</div>
</div>
</section>
<section id="projectList">
<ul>
<li>
<div class="container">
<h2>鼘源</h2>
<p>《鼘源》是全球蜂创业天使会联合茶文化理事会在内的顾问理事会近3000家会员企业，收集高品质文化资源及产品，依托二十四节令鼓的文化背景将文化茶与廿四节气有机的融合，打造健康养生的高品质中国养生茶，并通过沉淀历史，追溯根源，融合中国传统文化——琴棋书画。“琴棋书画茶”领域多位大师及国家非物质文化继承人加盟《鼘源》，共同打造集文化养生、艺术传承和文化产品交易为一体的多功能文化馆，重新定义传统文化的创新消费模式。</p>
<p>《鼘源》以文化馆实体为核心，主要服务：文化养生、艺术培训、艺术品交易及艺术家孵化。 </p>
</div>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=6 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" width="100%" />
</li>
<li>
<div class="container">
<h2>BANG!闯客联盟</h2>
<p>BANG闯客联盟项目，在中国相关部门及媒体的支持下；融合东南亚片区高校资源，与各大高校形成产学合作；对接各大企业；深入校园与企业，打造囊括就业、创业与交流的环形校企社交生态圈。</p>
<p>让在校学生能够迅速融入社会，将在校学习的知识有效地实践在工作当中，将知识转化率大大提供；引导学生去挖掘自身的价值及社会责任；为应届毕业生提供市场渠道及实践支撑；为企业直接匹配并输送职能吻合度高的人才；为创业者提供创业孵化及扶持等。 </p>
</div>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=7 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" width="100%" />
</li>
<li>
<div class="container">
<h2>S1BC新能源汽车租赁</h2>
<p>S1BC项目旨在打造旅游房车、新能源物流车租赁及国际汽车租赁。以短期分时租赁和长期租赁为主，结合“共享经济”的方式，多人分时共享，通过成熟的线上平台，用户按需租赁、随借随还、全程自助，费用全透明化。以独特的创新型运营模式，从根本上解决了普遍存在的人员就业、车辆闲置、临时性车辆供应不足等问题。同时，新能源纯电动车的采用大大减少了传统货车维修费、保养费、油费等支出，具有经济便利、科技智能、节能环保等特点。</p>
<p>项目汇集遍布全国的旅游行业理事会成员企业，完成旅游房车整体布局。根据自身国际市场资源和渠道，结合产业联盟企业和国家“一带一路”核心战略，精准定位国内及国际市场，以新经济、新物流、新产业的模式打造汽车租赁的全新标杆。</p>
</div>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=8 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" width="100%" />
</li>
<li>
<div class="container">
<h2>RIGHT NOW</h2>
<p>“Right now!!!”是打造专业、系统化、精准服务的系统化体能训练集中营，目标客户为超一线城市、一线城市及二线城市的中产阶级，突破传统健身房的运营模式，为用户专人定制健身方案，实现线上APP及线下实体店双向运动方式，通过运动损伤和术后的体能恢复、幼儿系统体能培训、现代职业病预防及治疗、专业技能的提升训练、专业课程和文化拓展五个板块，帮助客户制定高效的体能训练方案，传递昂扬健康的生活方式，从源头解决社会慢性疾病。
项目特点：
</p>
<p>1“Right now!!!”拥有最专业的国家级教练团队，包括王卫星教授、李捷教授、韩春远博士后等；</P><p>2 经过多年的探索和实践，摸索出三套最专业训练体系专业的训练系统；</p><p>3 拥有明星大咖助阵，打造专业技能提升课程；</p><p>4 专业技能提升实现个体、高校团体、企业、医院全方位合作，文化拓展与风靡亚洲的二十四节令鼓结合；</p><p>5 客户包括健康群体，特殊群体（运动损伤、身体残疾、术后、职业病等）进行针对性的体能恢复训练和陪同指导。</p>
</div>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=9 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" width="100%" />
</li>
<li>
<div class="container">
<h2>E+智能互联</h2>
<p>“E+智能互联”为物联网而生，打造一个“平等、互联、开放、共赢” 的物联网生态链。</p><p>项目依托于核心的通讯产品，其运营核心是建设一个“产业链上下游通力合作，共享能力和数据营造一个平等、互联、开放、共赢的生态链。” </p><p>项目凭借其通讯核心技术与产业链上的合作伙伴一起，构建从芯片、模块、方案、智能硬件、APP到云服务的完善的生态系统。为客户提供从硬件到软件以及云端连接的一整套解决方案。其从根本上解决物联网四大痛点： 01 性能与成本的矛盾 ; 02 性能过剩与体验不足的矛盾 ; 03 服务和内容的短板 ; 04 设备缺乏连通性；</p><p>项目主要将覆盖以下三个方面：</br><div class="elineList"><p>1.物联网通讯技术解决方案及供应链服务；</p><p>2.智能智能家居（E?管家、E?安家、E?享家）供应链及解决方案；</p><p>3.“闯客盒子”开发包；</p></div>
</p>
</div>
<img src="<TRS_APPENDIX UPLOAD='TRUE' INDEX=10 MODE='PIC' FIELD='_RECURL' UPLOAD='true'/>" width="100%" />
</li>
</ul>
</section>
</TRS_DOCUMENTS>
<TRS_TEMPLATE tempname="底部信息嵌套" ></TRS_TEMPLATE>
<input id="inputH" type="hidden">
</body>
<script>
$(document).ready(function() {
//***********************************
var inputH=document.getElementById("inputH").value;
$(".vedioRight ul li").hover(function(){
var page = $(this).index();
$(".vedioRight ul li").eq(page).children('img').hide();
$(this).css({"color":"#fff"});
},function(){
var page = $(this).index();
$(".vedioRight ul li").eq(page).children('img').show();
$(this).css({"color":"#333"});
})
//$(".vedioLeft ul li:eq(0)").show();
$("#projectList ul li:eq(0)").show();
$(".vedioRight ul li").click(function(){
var page = $(this).index();
$(".vedioLeft ul li").eq(page).show().siblings().hide();
$("#projectList ul li").eq(page).show().siblings().hide();
inputH = page;
// window.location.href="<trs_channel id='311产学创' field='_recurl' autolink='false' />?select="+page;
})
// JavaScript Document
$.request = (function () {
var apiMap = {};
function request(queryStr) {
var api = {};
if (apiMap[queryStr]) { return apiMap[queryStr]; }
api.queryString = (function () {
var urlParams = {};
var e,
d = function (s) { return decodeURIComponent(s.replace(/\+/g, " ")); },
q = queryStr.substring(queryStr.indexOf('?') + 1),
r = /([^&=]+)=?([^&]*)/g;
while (e = r.exec(q)) urlParams[d(e[1])] = d(e[2]);
return urlParams;
})();
api.getUrl = function () {
var url = queryStr.substring(0, queryStr.indexOf('?') + 1);
for (var p in api.queryString) { url += p + '=' + api.queryString[p] + "&"; }
if (url.lastIndexOf('&') == url.length - 1) { return url.substring(0, url.lastIndexOf('&')); }
return url;
}
apiMap[queryStr] = api;
return api;
}
$.extend(request, request(window.location.href));
return request;
})();
var selectid = $.request.queryString["select"];
if(typeof(selectid ) == "undefined"){
$(".vedioLeft ul li:eq(0)").show();
}else{
var selectid = $.request.queryString["select"];
$('#videoId li').eq(selectid).css("display","block").siblings().css("display","none");
$(".vedioRight ul li").eq(selectid).children('img').hide();
$('#projectList ul li').eq(selectid).css("display","block").siblings().css("display","none");
inputH = selectid;
}
//*****************************
$(".vedioZC").click(function(){
var ssovalue = getCookie('rebobeesso');
if(ssovalue != null && ssovalue != ""){
$.ajax({
url:'http://www.rebobee.com/sso/user/token/'+ssovalue,
type:'GET',
async: false,
dataType:'json',
success:function(result){
if(result.code==100){
$.ajax({
url:'http://www.rebobee.com/api'+'/user/'+result.data.id+'/realname',
type:'GET',
dataType:'json',
success:function(result){
if(result.code==100){
if(result.data.realNameStatus ==1)
{
$(".vedioZC").css({"display":"none"});
//document.getElementsByClassName('video')[selectid].play();
document.getElementsByClassName('video')[inputH].play();
}
else
{
alert("查看视频需要注册并实名认证，点击确定跳转实名认证页面");
top.location='http://www.rebobee.com/sms/';
}
}
else{
}
},
error:function(){
}
});
}
else{
}
},
error:function(){
}
});
}
else{
alert("查看视频需要登陆，点击确定跳转登陆页面");
top.location='http://www.rebobee.com/sso/login?requrl=aHR0cDovL3d3dy5yZWJvYmVlLmNvbS9zbXMv';
}
});
//******************************
})
</script>
</html>
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
