k
/
SoftwareEngineering
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
9 Commits
1 Branch
0 Tags
245 MiB
 
 
 
 
Tag: Branch: Tree: 7a6d9b01f0
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '7a6d9b01f0'
${ noResults }
SoftwareEngineering/直播工具包/Android中直播视频技术探究之---视频直播服务端.../s_007.htm

720 lines
78 KiB
Raw Blame History

<!-- htmlcs-disable -->
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="template-name" content="baiduCustNativeADImage">
<meta charset="UTF-8">
<!--baiduCustNativeADImageTxt_1-->
<title>
百度推广
</title>
<link rel="stylesheet" href="s_data_009/ui_e37e61c.css">
<script type="text/javascript" src="s_data_009/logo_d508a26.js"></script>
<style type="text/css">
body{margin:0;padding:0;font-size:14px;font-family:arial,'microsoft yahei',\5b8b\4f53,sans-serif}body *{margin:0;padding:0;font-size:100%}body em{font-style:normal}body ul,body ol{list-style:none}body img{border:0}body .cur-item .item-img{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}body .clearfix:after{clear:both;content:'\20';height:0;display:block}body .clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}body .yahei{font-family:"microsoft yahei","微软雅黑E\8F6F\96C5\9ED1",Tahoma,Arial,Helvetica,STHeiti}body .heiti{font-family:SimHei,STHeiti,"microsoft yahei","微软雅黑E\8F6F\96C5\9ED1",Tahoma,Arial,Helvetica}.s-hl-content{position:relative}.s-hl-content .s-bd-logo{height:20px;width:100px;background:url('//su.bdstatic.com/static/cun/img/bd_logo_78626fb5.png') no-repeat left top;background-position:0 0}.s-hl-content .s-bd-logo:hover{background-position:0 -20px}.s-hl-content .s-bd-logo{text-decoration:none;cursor:pointer;display:block;overflow:hidden;position:absolute;bottom:0;right:0;z-index:2147483647}.s-hl-content .s-bd-logo-small:hover{background-position:-70px 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="//su.bdstatic.com/static/cun/img/logo_border_dark_fe7d5068.png",sizingMethod="crop")}.s-hl-content .s-bd-logo-small{position:absolute;cursor:pointer;bottom:0;right:0;height:18px;width:18px;background:url(//su.bdstatic.com/static/cun/img/bd_logo2_fe7c9450.png) no-repeat left top;background-position:0 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="//su.bdstatic.com/static/cun/img/logo_border_light_0f0bac10.png",sizingMethod="crop");_background:none;z-index:2147483647}
</style>
<script type="text/javascript">
(function(c){var b=typeof module==="undefined"?(c.baidu=c.baidu||{}):module.exports;b.template=function(g,f){var e=(function(){if(!c.document){return a._compile(g)}var i=document.getElementById(g);if(i){if(a.cache[g]){return a.cache[g]}var h=/^(textarea|input)$/i.test(i.nodeName)?i.value:i.innerHTML;return a._compile(h)}else{return a._compile(g)}})();var d=a._isObject(f)?e(f):e;e=null;return d};var a=b.template;a.versions=a.versions||[];a.versions.push("1.0.6");a.cache={};a.LEFT_DELIMITER=a.LEFT_DELIMITER||"<%";a.RIGHT_DELIMITER=a.RIGHT_DELIMITER||"%>";a.ESCAPE=true;a._encodeHTML=function(d){return String(d).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\\/g,"&#92;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")};a._encodeReg=function(d){return String(d).replace(/([.*+?^=!:${}()|[\]/\\])/g,"\\$1")};a._encodeEventHTML=function(d){return String(d).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/\\\\/g,"\\").replace(/\\\//g,"/").replace(/\\n/g,"\n").replace(/\\r/g,"\r")};a._compile=function(e){var d="var _template_fun_array=[];\nvar fn=(function(__data__){\nvar _template_varName='';\nfor(name in __data__){\n_template_varName+=('var '+name+'=__data__[\"'+name+'\"];');\n};\neval(_template_varName);\n_template_fun_array.push('"+a._analysisStr(e)+"');\n_template_varName=null;\n})(_template_object);\nfn = null;\nreturn _template_fun_array.join('');\n";return new Function("_template_object",d)};a._isObject=function(d){return"function"===typeof d||!!(d&&"object"===typeof d)};a._analysisStr=function(f){var d=a.LEFT_DELIMITER;var h=a.RIGHT_DELIMITER;var e=a._encodeReg(d);var g=a._encodeReg(h);f=String(f).replace(new RegExp("("+e+"[^"+g+"]*)//.*\n","g"),"$1").replace(new RegExp("<!--.*?-->","g"),"").replace(new RegExp(e+"\\*.*?\\*"+g,"g"),"").replace(new RegExp("[\\r\\t\\n]","g"),"").replace(new RegExp(e+"(?:(?!"+g+")[\\s\\S])*"+g+"|((?:(?!"+e+")[\\s\\S])+)","g"),function(j,i){var k="";if(i){k=i.replace(/\\/g,"&#92;").replace(/'/g,"&#39;");while(/<[^<]*?&#39;[^<]*?>/g.test(k)){k=k.replace(/(<[^<]*?)&#39;([^<]*?>)/g,"$1\r$2")}}else{k=j}return k});f=f.replace(new RegExp("("+e+"[\\s]*?var[\\s]*?.*?[\\s]*?[^;])[\\s]*?"+g,"g"),"$1;"+h).replace(new RegExp("("+e+":?[hvu]?[\\s]*?=[\\s]*?[^;|"+g+"]*?);[\\s]*?"+g,"g"),"$1"+h).split(d).join("\t");if(a.ESCAPE){f=f.replace(new RegExp("\\t=(.*?)"+g,"g"),"',typeof($1) === 'undefined'?'':baidu.template._encodeHTML($1),'")}else{f=f.replace(new RegExp("\\t=(.*?)"+g,"g"),"',typeof($1) === 'undefined'?'':$1,'")}f=f.replace(new RegExp("\\t:h=(.*?)"+g,"g"),"',typeof($1) === 'undefined'?'':baidu.template._encodeHTML($1),'").replace(new RegExp("\\t(?::=|-)(.*?)"+g,"g"),"',typeof($1)==='undefined'?'':$1,'").replace(new RegExp("\\t:u=(.*?)"+g,"g"),"',typeof($1)==='undefined'?'':encodeURIComponent($1),'").replace(new RegExp("\\t:v=(.*?)"+g,"g"),"',typeof($1)==='undefined'?'':baidu.template._encodeEventHTML($1),'").split("\t").join("');").split(h).join("_template_fun_array.push('").split("\r").join("\\'");return f}})(window);
</script>
<script type="text/template" id="native_ad_frame_template">
<div class="s-hl-content">
<div id="bd-hl-content" class="bd-hl-content">
<div class="title_style title_style_<%=style.hasTitle%>"><%=style.header%></div>
<div id="pic_container" class="pic_container"> </div>
</div>
</div>
<style type="text/css">
.s-hl-content .bd-hl-content a,
.s-hl-content .bd-hl-content a:hover,
.s-hl-content .bd-hl-content a:visited,
.s-hl-content .bd-hl-content a{text-decoration:none}
.s-hl-content .bd-hl-content .pic_container{padding:0px;border:0;position:relative;overflow:hidden;float:left;}
.s-hl-content .bd-hl-content{
position:relative; margin:0;padding:0;font-family:'microsoft yahei';font-size: 14px;font-weight:normal; overflow:hidden;
border:<%=style.containerBorder%>px solid #CCC;
background-color:<%=style.containerBgColor%>;
width:<%=style.containerWidth%>px;
height:<%=style.containerHeight%>px;
padding:<%=style.containerPaddingTop%>px <%=style.containerPaddingRight%>px <%=style.containerPaddingBottom%>px <%=style.containerPaddingLeft%>px;
}
.s-hl-content .bd-hl-content .title_style {<%if(style.hasTitle==2){%>margin-left:5px;<%}%>width:<%=(style.containerWidth-5)%>px;height:25px;line-height:25px;padding-left:5px;font-size:<%=style.headerFontSize%>px;margin-bottom:3px;font-weight:900;}
.s-hl-content .bd-hl-content .title_style_0 {display:none;}
.s-hl-content .bd-hl-content .title_style_2 {border-left:5px solid <%=style.headerBgColor%>;color:<%=style.headerFontColor%>}
.s-hl-content .bd-hl-content .title_style_1 {background-color:<%=style.headerBgColor%>;color:<%=style.headerFontColor%>}
</style>
</script>
<script type="text/template" id="native_ad_pic_template">
<div style="margin-top:<%=style.blockMarginTop%>px;<%if(style.align==1){%>margin-left:5px;<%}%>">
<%for(var row=0;row<style.imgRow;++row){
%><div id="imgRow<%=row%>"style="margin-top:<%=style.imgRowMarginTop%>px;clear:both;"><%
for(var col=0;col<style.imgCol;++col){
var i = row * style.imgCol + col;%>
<div class="pic_itemColumnSpace" ></div>
<div class="pic_item" id="picItem_<%=row%>_<%=col%>" >
<div class="pic">
<a href="<%=ads[i].curl%>" target="_blank" style="cursor: pointer">
<img class="img" src="<%=ads[i].image_url%>">
<div class="mask">
<%if((style.Sys.ie && style.Sys.ie>= 10 || style.Sys.safari)){%>
<svg style="position:absolute;top:0px;left:0px;">
<defs>
<filter id="blur_<%=row%>_<%=col%>">
<feGaussianBlur id="filter__<%=row%>_<%=col%>" stdDeviation="4" />
</filter>
</defs>
<image xlink:href="<%=ads[i].image_url%>" preserveAspectRatio="none" width="<%=style.picWidth%>" height="<%=style.picHeight%>" filter="url(#blur_<%=row%>_<%=col%>)" />
</svg>
<%}else{%>
<img src="<%=ads[i].image_url%>" class="img img_blur" style="position:absolute;top:0px;left:0px;"/>
<%}%>
<%
var T = advLength(ads[i].title,14);
var H = Math.min(Math.ceil(T/(style.picWidth-20)),2);
var L = Math.max((style.picHeight-H*21)/2-10,0);
%>
<div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:<%=style.picHeight%>px;width:<%=style.picWidth%>px;">
<span class="mask_title" style="margin-top:<%=L%>px" x=<%=T%> y=<%=H%> ><%=ads[i].title%></span>
</div>
</div>
</a>
</div>
<a href="<%=ads[i].curl%>" target="_blank" style="cursor: pointer">
<%if(style.titlePosition){%>
<div class="pic_title title_on_pic title_on_pic_bg"></div>
<%}%>
<div class="pic_title <%if(style.titlePosition){%>title_on_pic<%}else{%>title_under_pic<%}%>">
<%=ads[i].title%>
</div>
</a>
</div>
<%}%>
<div style="clear:both;"></div></div>
<%}%>
<div style="clear:both"></div>
</div>
<style>
.pic_itemColumnSpace {height:40px;float:left;margin-top:0;margin-bottom:0;width:<%=config.cMR%>px}
.pic_item {float:left;overflow: hidden;width:<%=(style.imgItemWidth)%>px;height:<%=style.imgItemHeight%>px;position:relative;}
.pic {text-align:center;margin:0px;border:1px solid #ddd;height:<%=style.picHeight%>px;overflow:hidden;}
.pic .img{width:<%=style.picWidth%>px;height:<%=style.picHeight%>px;}
.pic_title{margin:0 auto;padding:0;overflow:hidden;text-align:center;text-decoration:none;font-weight:normal;width:<%=(style.picWidth)%>px;height:<%=style.picTitleHeight%>px;line-height:<%=style.picTitleHeight%>px;font-family:"<%=style.titleFontFamily%>";font-size:<%=style.titleFontSize%>px;font-weight:normal;}
.pic_container .title_on_pic{color:#ffffff; position:absolute;top:<%=style.picHeight-19%>px;left:1px;}
.pic_container .title_under_pic{color:<%=style.titleFontColor%>;}
.title_on_pic_bg{background-color:#000000;filter:alpha(opacity=50);opacity:<%=style.titleBgOpa%>;height:20px;}
.mask{position:absolute;top:1px;left:1px;height:<%=style.picHeight%>px;width:<%=(style.picWidth)%>px;display:none;}
.mask_head{color:#fff;text-align:left;display:inline-block;padding:2px 4px;font-size:12px;}
.mask_title {color:#fff; padding: 3px 5px; border: 1px solid #fff;display:inline-block;width:<%=style.picWidth-20%>px;font-size:14px;overflow:hidden;max-height:32px;line-height:16px;}
.hover .pic{border : 1px solid #f40000;}
.hover .title_under_pic{color:#f40000;}
.hover .title_on_pic{color:#f40000;}
.pic_item_hover .mask {display:block;}
.pic_item_hover .pic_title a{color:#ffffff;font-weight:900;}
.pic_item_hover .title_on_pic_bg{display:none;}
.pic_item_hover .title_on_pic{top:-<%=parseInt(style.picHeight*1.6)+1%>px;font-size:16px;font-weight:900;}
.img_blur{ -webkit-filter: blur(4px);-moz-filter: blur(4px);-ms-filter: blur(4px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}
</style>
</script>
<script type="text/template" id="native_ad_pic_template_two_image">
<div style="margin-top:<%=style.blockMarginTop%>px;<%if(style.align==1){%>margin-left:5px;<%}%>">
<%for(var row=0;row<style.imgRow;++row){
%><div id="imgRow<%=row%>"style="margin-top:<%=style.imgRowMarginTop%>px;clear:both;"><%
for(var col=0;col<style.imgCol;++col){
var i = row * style.imgCol + col;%>
<div class="pic_itemColumnSpace" ></div>
<div class="pic_item" id="picItem_<%=row%>_<%=col%>" >
<div class="pic<%if (config.dynamic_trans_type === 1){%> pic_div_flip<%}%>">
<a href="<%=ads[i].curl%>" target="_blank" style="cursor: pointer" class = "<%if (config.dynamic_trans_type === 1 && ads[i].mt_img_url_0 && ads[i].mt_img_url_1){%>flip_image<%}else if (config.dynamic_trans_type === 2 && ads[i].mt_img_url_0 && ads[i].mt_img_url_1){%>roll_image<%}%>" name="pic_a_name">
<div class="<%if (config.dynamic_trans_type === 1){%>frontImage<%}else if (config.dynamic_trans_type === 2){%>firstImage<%}%>">
<img class="img" src="<%=ads[i].mt_img_url_0 ? ads[i].mt_img_url_0 : ads[i].image_url%>">
</div>
<div class="<%if (config.dynamic_trans_type === 1){%>backImage<%}else if (config.dynamic_trans_type === 2){%>secondImage<%}%>">
<img class="img" src="<%=ads[i].mt_img_url_1 ? ads[i].mt_img_url_1 : ads[i].image_url%>">
</div>
<div class="mask">
<%if((style.Sys.ie && style.Sys.ie>= 10 || style.Sys.safari)){%>
<svg style="position:absolute;top:0px;left:0px;">
<defs>
<filter id="blur_<%=row%>_<%=col%>">
<feGaussianBlur id="filter__<%=row%>_<%=col%>" stdDeviation="4" />
</filter>
</defs>
<image xlink:href="<%=ads[i].image_url%>" preserveAspectRatio="none" width="<%=style.picWidth%>" height="<%=style.picHeight%>" filter="url(#blur_<%=row%>_<%=col%>)" />
</svg>
<%}else{%>
<img src="<%=ads[i].image_url%>" class="img img_blur" style="position:absolute;top:0px;left:0px;"/>
<%}%>
<%
var T = advLength(ads[i].title,14);
var H = Math.min(Math.ceil(T/(style.picWidth-20)),2);
var L = Math.max((style.picHeight-H*21)/2-10,0);
%>
<div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:<%=style.picHeight%>px;width:<%=style.picWidth%>px;">
<span class="mask_title" style="margin-top:<%=L%>px" x=<%=T%> y=<%=H%> ><%=ads[i].title%></span>
</div>
</div>
</a>
</div>
<a href="<%=ads[i].curl%>" target="_blank" style="cursor: pointer">
<%if(style.titlePosition){%>
<div class="pic_title title_on_pic title_on_pic_bg"></div>
<%}%>
<div class="pic_title <%if(style.titlePosition){%>title_on_pic<%}else{%>title_under_pic<%}%>">
<%=ads[i].title%>
</div>
</a>
</div>
<%}%>
<div style="clear:both;"></div></div>
<%}%>
<div style="clear:both"></div>
</div>
<style>
.pic_div_flip {
-webkit-perspective: 500px;
-moz-perspective: 500px;
-ms-perspective: 500px;
perspective: 500px;
-ms-transform: perspective(500px);
-moz-transform: perspective(500px);
}
.pic_div_flip div {
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
}
.pic_div_flip a {
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
}
.flip_image {
position:absolute;
top:0px;
right:0px;
bottom:0px;
left:0px
}
.flip_image_fliped {
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
}
.flip_image .frontImage {
opacity:1
}
.frontImage_fliped {
opacity:0 !important;
}
.flip_image .backImage {
opacity:0
}
.backImage_fliped {
opacity:1 !important;
}
.frontImage, .backImage {
position:absolute;
top:0px;
right:0px;
bottom:0px;
left:0px
}
.flip-horizontal {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
filter: fliph;
}
.roll_image {
position:relative;
display:inline-block;
overflow:hidden;
width:<%=style.picWidth%>px;
height:<%=style.picHeight%>px;
}
.roll_image .firstImage {
left:0px;
}
.roll_image .secondImage {
left:100%;
}
.firstImage_done {
left:100% !important;
}
.secondImage_done {
left:0px !important;
}
.firstImage, .secondImage{
position:absolute;
top:0px;
right:0px;
bottom:0px;
left:0px;
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}
.roll_image_done{
transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
}
.pic_itemColumnSpace {height:40px;float:left;margin-top:0;margin-bottom:0;width:<%=config.cMR%>px}
.pic_item {float:left;overflow: hidden;width:<%=(style.imgItemWidth)%>px;height:<%=style.imgItemHeight%>px;position:relative;}
.pic {text-align:center;margin:0px;border:1px solid #ddd;height:<%=style.picHeight%>px;overflow:hidden;}
.pic .img{width:<%=style.picWidth%>px;height:<%=style.picHeight%>px;}
.pic_title{margin:0 auto;padding:0;overflow:hidden;text-align:center;text-decoration:none;font-weight:normal;width:<%=(style.picWidth)%>px;height:<%=style.picTitleHeight%>px;line-height:<%=style.picTitleHeight%>px;font-family:"<%=style.titleFontFamily%>";font-size:<%=style.titleFontSize%>px;font-weight:normal;}
.pic_container .title_on_pic{color:#ffffff; position:absolute;top:<%=style.picHeight-19%>px;left:1px;}
.pic_container .title_under_pic{color:<%=style.titleFontColor%>;}
.title_on_pic_bg{background-color:#000000;filter:alpha(opacity=50);opacity:<%=style.titleBgOpa%>;height:20px;}
.mask{position:absolute;top:1px;left:1px;height:<%=style.picHeight%>px;width:<%=(style.picWidth)%>px;display:none;}
.mask_head{color:#fff;text-align:left;display:inline-block;padding:2px 4px;font-size:12px;}
.mask_title {color:#fff; padding: 3px 5px; border: 1px solid #fff;display:inline-block;width:<%=style.picWidth-20%>px;font-size:14px;overflow:hidden;max-height:32px;line-height:16px;}
.hover .pic{border : 1px solid #f40000;}
.hover .title_under_pic{color:#f40000;}
.hover .title_on_pic{color:#f40000;}
.pic_item_hover .mask {display:block;}
.pic_item_hover .pic_title a{color:#ffffff;font-weight:900;}
.pic_item_hover .title_on_pic_bg{display:none;}
.pic_item_hover .title_on_pic{top:-<%=parseInt(style.picHeight*1.6)+1%>px;font-size:16px;font-weight:900;}
.img_blur{ -webkit-filter: blur(4px);-moz-filter: blur(4px);-ms-filter: blur(4px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}
</style>
</script>
<script>
var ads = [{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRFaFRuKFRcLFRFAFRfLFRwaFRFKFRPAFRczFRFjFRPAFRwAFh_s5iNafBNAfiNaPzNawBNDPzNDfBNafiNjwBNanBNafzNjwBNDwBuonHY-fYD-wbf-fbR-wDf-fWT-wjm-fYR-wWm-f1R-wH0-wjD-fWRhp1cqFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_15iNjnzNAniNjfBNDwiu_IyVG5HDhUyPsUHY3nW64Pauk5HTLXhFxmLKzFMFB5H0hTMnqniu1uyk_ugFxpyfqniu1pyfquhmLrAfvuhnYnWP-nhDdnzu1IA-b5HDkPiuY5gwsmvkGmvV-ujPxpAnhIAfqnWR4P1T1nauYUgnqnHRdnHm4nWR1nBuYIHddnWR4P1T1naud5y9YIZK1FHPKFHFAFHFAILILFHF7nhPYUzRzwyPEUiuv5HDhpHd9uWTduWfkmf&c=news&cf=1&expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&fv=0&itm=0&kdi0=8&kdi1=8&kdi2=8&kdi3=8&lu_idc=gz&lukid=1&lus=ff78d6fc423e2a53&lust=5c7cf2f4&mscf=0&n=10&nttp=1&p=baidu&ssp2=1&tsf=dtp:1&u=%2Fkf%2F201607%2F530549%2Ehtml&urlid=0","desc":"机房综合布线","dspw":"","height":250,"icon":1188,"iconurl":"https://t10.baidu.com/it/u=1844563692,1122745259&fm=76","image_url":"https://t10.baidu.com/it/u=1844563692,1122745259&fm=76","isHb":false,"lpId":3,"mt_desc":"","mt_img_n":2,"mt_img_url_0":"https://t10.baidu.com/it/u=1844563692,1122745259&fm=76","mt_img_url_1":"https://t12.baidu.com/it/u=1090570895,2880372918&fm=76","mt_title":"机房综合布线","surl":"","title":"机房综合布线","type":"text","width":300,"word_src":"d"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_s5iNjfiNAwaNawiNDwaNaPzNDPBNjwiNAPBNjPiN7naNDniNaPiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_15iNjnzNAniNjfBNDwiu_IyVG5HchUyPsUHYknW03rH6hTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqujc1rjm1rAc&c=news&cf=1&expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&fv=0&itm=0&kdi0=8&kdi1=8&kdi2=8&kdi3=8&lu_idc=gz&lukid=2&lus=ff78d6fc423e2a53&lust=5c7cf2f4&mscf=0&n=10&nttp=1&p=baidu&ssp2=1&tsf=dtp:1&u=%2Fkf%2F201607%2F530549%2Ehtml&urlid=0","desc":"数据分析培训","dspw":"","height":250,"icon":407,"iconurl":"https://t12.baidu.com/it/u=481726778,2328640254&fm=76","image_url":"https://t12.baidu.com/it/u=481726778,2328640254&fm=76","isHb":false,"lpId":3,"mt_desc":"","mt_img_n":2,"mt_img_url_0":"https://t12.baidu.com/it/u=481726778,2328640254&fm=76","mt_img_url_1":"https://f12.baidu.com/it/u=864147422,4200057324&fm=76","mt_title":"数据分析培训","surl":"","title":"数据分析培训","type":"text","width":300,"word_src":"2"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_s5iNaPiNjwaNafzNDfBNDPaNjPBNDnaN7riNjPaN7nBNDPBNAPzNafBNAfiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_15iNjnzNAniNjfBNDwiu_IyVG5HnhUyPsUHYkP1TkPW6hTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqm1mzPvPbuyD&c=news&cf=1&expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&fv=0&itm=0&kdi0=8&kdi1=8&kdi2=8&kdi3=8&lu_idc=gz&lukid=3&lus=ff78d6fc423e2a53&lust=5c7cf2f4&mscf=0&n=10&nttp=1&p=baidu&ssp2=1&tsf=dtp:1&u=%2Fkf%2F201607%2F530549%2Ehtml&urlid=0","desc":"低价云虚拟主机","dspw":"","height":250,"icon":1253,"iconurl":"https://f11.baidu.com/it/u=324928666,3183905542&fm=76","image_url":"https://f11.baidu.com/it/u=324928666,3183905542&fm=76","isHb":false,"lpId":3,"mt_desc":"","mt_img_n":2,"mt_img_url_0":"https://f11.baidu.com/it/u=324928666,3183905542&fm=76","mt_img_url_1":"https://f11.baidu.com/it/u=1149470980,92635805&fm=76","mt_title":"低价云虚拟主机","surl":"","title":"低价云虚拟主机","type":"text","width":300,"word_src":"d"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRn1FRmkFRPaFRw7Fh_s5iNjnzNAniNjfBNDwiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_15iNaPiNjwaNafzNDfBNDPaNjPBNDnaN7riNjPaN7nBNDPBNAPzNafBNAfiu_IyVG5HfhUyPsUHYknHD1PjnhTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqnyFWuh79uHm&c=news&cf=1&expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&fv=0&itm=0&kdi0=8&kdi1=8&kdi2=8&kdi3=8&lu_idc=gz&lukid=4&lus=ff78d6fc423e2a53&lust=5c7cf2f4&mscf=0&n=10&nttp=1&p=baidu&ssp2=1&tsf=dtp:1&u=%2Fkf%2F201607%2F530549%2Ehtml&urlid=0","desc":"民宿","dspw":"","height":250,"icon":586,"iconurl":"https://t10.baidu.com/it/u=3268845558,3589448440&fm=76","image_url":"https://t10.baidu.com/it/u=3268845558,3589448440&fm=76","isHb":false,"lpId":3,"mt_desc":"","mt_img_n":2,"mt_img_url_0":"https://t10.baidu.com/it/u=3268845558,3589448440&fm=76","mt_img_url_1":"https://t12.baidu.com/it/u=1660898627,3205536686&fm=76","mt_title":"民宿","surl":"","title":"民宿","type":"text","width":300,"word_src":"0"}];
var news = [];
var config = {"IF_m_char":14,"adp":1,"at":3,"conBW":1,"consl":1,"dynamic_trans_type":2,"exp_flag":0,"exp_flag_mob":0,"exp_flag_secretary":0,"hover_flag":1,"imC":2,"imHeight":99,"imR":2,"imSiteRecMax":0,"imStid":115,"imTab":1,"imWidth":140,"n":"77zb_cpr","pat":6,"ptbg":90,"ptp":0,"ptt":0,"rsi0":300,"rsi1":250,"rss1":"#FFFFFF","rss2":"#000000","staticDomain":"daima.dsxdn.com","temp_exp_flag":0,"titFF":"微软雅黑","titFS":14,"titSU":0,"titTA":"left","txtC":0,"txtLC":0,"txtR":0,"txtRH":0,"txtSiteRecMax":0};
config.hover = 1;
if (!config.hover_flag) {
config.hover = 0;
}
if (config.rss2== "#0000ff"){
config.rss2 = "#000000";
}
</script>
</head>
<body><script type="text/javascript">
try{window.postMessage && window.parent && window.parent.postMessage(
{
"queryid" : "532a3e42fcd678ff",
"tuid" : "u2597730_0",
"placement" : {
"basic" : {"sspId":1,"userId":1716355,"flowType":1,"cname":"77zb_cpr","tuId":9223372032562406242,"sellType":2,"rspFormat":1,"conBackEnv":1,"publisherDomain":{"dup":"daima.dsxdn.com","ubmc":"jiansuo.dsxdn.com/d","pos":"jiansuo.dsxdn.com","wn":"jiansuo.dsxdn.com/pbauwa"}},
"container" : {"height":250,"width":300,"sizeType":1,"anchoredType":1,"floated":{}},
"fillstyle" : {"elements":[51],"layout":[1,2],"styleTemplateId":[60101],"txt":{"number":0},"styleType":3,"ignoreStyleMode":1},
"userdefine" : "%7Cadp%3D1%7Cat%3D3%7CconBW%3D1%7Ccpro%5Ftemplate%3DbaiduCustNativeAD%7Cpat%3D6%7Cpih%3D0%7Cpiw%3D0%7Cptbg%3D90%7Cptp%3D0%7Cptt%3D0%7Crss1%3D%23FFFFFF%7Crss2%3D%23000000%7CtitFF%3D%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91%7CtitFS%3D14%7CtitSU%3D0%7Ctn%3DbaiduCustNativeAD",
"encode_userdefine" : "encoded",
"complement_type" : 2,
"update" : "1510750257_1488877189"
},
"extends" : {"ssph":250,"sspw":300}
,
"bidder" : "2",
"noadx" : "0",
"pdb_deliv" : {
"deliv_id" : "0",
"deliv_des" : {},
"brandad" : 0
},
"order_deliv" : {
"deliv_id" : "0",
"demand_id" : "0"
},
"rtb_deliv" : {
"deliv_id" : "0",
"demand_id" : "2597730"
}
}
, '*')}
catch(e) {window.console && window.console.log(e);};
</script>
<!--sid=fcd678ff532a3e42--><div style="display:none;"><img src="s_data_007/adx.gif" alt="" width="1px" height="1px"></div>
<div id="wrapper"> <div class="s-hl-content"> <div id="bd-hl-content" class="bd-hl-content"> <div class="title_style title_style_0">undefined</div> <div id="pic_container" class="pic_container"><div style="margin-top:0px;"> <div id="imgRow0" style="margin-top:4px;clear:both;"> <div class="pic_itemColumnSpace"></div> <div class="pic_item" id="picItem_0_0"> <div class="pic"> <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRFaFRuKFRcLFRFAFRfLFRwaFRFKFRPAFRczFRFjFRPAFRwAFh_s5iNafBNAfiNaPzNawBNDPzNDfBNafiNjwBNanBNafzNjwBNDwBuonHY-fYD-wbf-fbR-wDf-fWT-wjm-fYR-wWm-f1R-wH0-wjD-fWRhp1cqFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_15iNjnzNAniNjfBNDwiu_IyVG5HDhUyPsUHY3nW64Pauk5HTLXhFxmLKzFMFB5H0hTMnqniu1uyk_ugFxpyfqniu1pyfquhmLrAfvuhnYnWP-nhDdnzu1IA-b5HDkPiuY5gwsmvkGmvV-ujPxpAnhIAfqnWR4P1T1nauYUgnqnHRdnHm4nWR1nBuYIHddnWR4P1T1naud5y9YIZK1FHPKFHFAFHFAILILFHF7nhPYUzRzwyPEUiuv5HDhpHd9uWTduWfkmf&amp;c=news&amp;cf=1&amp;expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&amp;fv=0&amp;itm=0&amp;kdi0=8&amp;kdi1=8&amp;kdi2=8&amp;kdi3=8&amp;lu_idc=gz&amp;lukid=1&amp;lus=ff78d6fc423e2a53&amp;lust=5c7cf2f4&amp;mscf=0&amp;n=10&amp;nttp=1&amp;p=baidu&amp;ssp2=1&amp;tsf=dtp:1&amp;u=%2Fkf%2F201607%2F530549%2Ehtml&amp;urlid=0" target="_blank" style="cursor: pointer" class="roll_image roll_image_done" name="pic_a_name"> <div class="firstImage firstImage_done"> <img class="img" src="s_data_007/u18445636921122745259fm76.jpg"> </div> <div class="secondImage secondImage_done"> <img class="img" src="s_data_007/u10905708952880372918fm76.jpg"> </div> <div class="mask"> <svg style="position:absolute;top:0px;left:0px;"> <defs> <filter id="blur_0_0"> <feGaussianBlur id="filter__0_0" stdDeviation="4"></feGaussianBlur> </filter> </defs> <image xlink:href="https://t10.baidu.com/it/u=1844563692,1122745259&amp;fm=76" preserveAspectRatio="none" width="140" height="99" filter="url(#blur_0_0)"></image> </svg> <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:99px;width:140px;"> <span class="mask_title" style="margin-top:29px" x="84" y="1">机房综合布线</span> </div> </div> </a> </div> <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRFaFRuKFRcLFRFAFRfLFRwaFRFKFRPAFRczFRFjFRPAFRwAFh_s5iNafBNAfiNaPzNawBNDPzNDfBNafiNjwBNanBNafzNjwBNDwBuonHY-fYD-wbf-fbR-wDf-fWT-wjm-fYR-wWm-f1R-wH0-wjD-fWRhp1cqFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_15iNjnzNAniNjfBNDwiu_IyVG5HDhUyPsUHY3nW64Pauk5HTLXhFxmLKzFMFB5H0hTMnqniu1uyk_ugFxpyfqniu1pyfquhmLrAfvuhnYnWP-nhDdnzu1IA-b5HDkPiuY5gwsmvkGmvV-ujPxpAnhIAfqnWR4P1T1nauYUgnqnHRdnHm4nWR1nBuYIHddnWR4P1T1naud5y9YIZK1FHPKFHFAFHFAILILFHF7nhPYUzRzwyPEUiuv5HDhpHd9uWTduWfkmf&amp;c=news&amp;cf=1&amp;expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&amp;fv=0&amp;itm=0&amp;kdi0=8&amp;kdi1=8&amp;kdi2=8&amp;kdi3=8&amp;lu_idc=gz&amp;lukid=1&amp;lus=ff78d6fc423e2a53&amp;lust=5c7cf2f4&amp;mscf=0&amp;n=10&amp;nttp=1&amp;p=baidu&amp;ssp2=1&amp;tsf=dtp:1&amp;u=%2Fkf%2F201607%2F530549%2Ehtml&amp;urlid=0" target="_blank" style="cursor: pointer"> <div class="pic_title title_under_pic"> 机房综合布线 </div> </a> </div> <div class="pic_itemColumnSpace"></div> <div class="pic_item" id="picItem_0_1"> <div class="pic"> <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_s5iNjfiNAwaNawiNDwaNaPzNDPBNjwiNAPBNjPiN7naNDniNaPiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_15iNjnzNAniNjfBNDwiu_IyVG5HchUyPsUHYknW03rH6hTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqujc1rjm1rAc&amp;c=news&amp;cf=1&amp;expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&amp;fv=0&amp;itm=0&amp;kdi0=8&amp;kdi1=8&amp;kdi2=8&amp;kdi3=8&amp;lu_idc=gz&amp;lukid=2&amp;lus=ff78d6fc423e2a53&amp;lust=5c7cf2f4&amp;mscf=0&amp;n=10&amp;nttp=1&amp;p=baidu&amp;ssp2=1&amp;tsf=dtp:1&amp;u=%2Fkf%2F201607%2F530549%2Ehtml&amp;urlid=0" target="_blank" style="cursor: pointer" class="roll_image roll_image_done" name="pic_a_name"> <div class="firstImage firstImage_done"> <img class="img" src="u4817267782328640254fm76.jpg"> </div> <div class="secondImage secondImage_done"> <img class="img" src="s_data_007/u8641474224200057324fm76.jpg"> </div> <div class="mask"> <svg style="position:absolute;top:0px;left:0px;"> <defs> <filter id="blur_0_1"> <feGaussianBlur id="filter__0_1" stdDeviation="4"></feGaussianBlur> </filter> </defs> <image xlink:href="https://t12.baidu.com/it/u=481726778,2328640254&amp;fm=76" preserveAspectRatio="none" width="140" height="99" filter="url(#blur_0_1)"></image> </svg> <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:99px;width:140px;"> <span class="mask_title" style="margin-top:29px" x="84" y="1">数据分析培训</span> </div> </div> </a> </div> <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_s5iNjfiNAwaNawiNDwaNaPzNDPBNjwiNAPBNjPiN7naNDniNaPiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_15iNjnzNAniNjfBNDwiu_IyVG5HchUyPsUHYknW03rH6hTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqujc1rjm1rAc&amp;c=news&amp;cf=1&amp;expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&amp;fv=0&amp;itm=0&amp;kdi0=8&amp;kdi1=8&amp;kdi2=8&amp;kdi3=8&amp;lu_idc=gz&amp;lukid=2&amp;lus=ff78d6fc423e2a53&amp;lust=5c7cf2f4&amp;mscf=0&amp;n=10&amp;nttp=1&amp;p=baidu&amp;ssp2=1&amp;tsf=dtp:1&amp;u=%2Fkf%2F201607%2F530549%2Ehtml&amp;urlid=0" target="_blank" style="cursor: pointer"> <div class="pic_title title_under_pic"> 数据分析培训 </div> </a> </div> <div style="clear:both;"></div></div> <div id="imgRow1" style="margin-top:4px;clear:both;"> <div class="pic_itemColumnSpace"></div> <div class="pic_item" id="picItem_1_0"> <div class="pic"> <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_s5iNaPiNjwaNafzNDfBNDPaNjPBNDnaN7riNjPaN7nBNDPBNAPzNafBNAfiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_15iNjnzNAniNjfBNDwiu_IyVG5HnhUyPsUHYkP1TkPW6hTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqm1mzPvPbuyD&amp;c=news&amp;cf=1&amp;expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&amp;fv=0&amp;itm=0&amp;kdi0=8&amp;kdi1=8&amp;kdi2=8&amp;kdi3=8&amp;lu_idc=gz&amp;lukid=3&amp;lus=ff78d6fc423e2a53&amp;lust=5c7cf2f4&amp;mscf=0&amp;n=10&amp;nttp=1&amp;p=baidu&amp;ssp2=1&amp;tsf=dtp:1&amp;u=%2Fkf%2F201607%2F530549%2Ehtml&amp;urlid=0" target="_blank" style="cursor: pointer" class="roll_image roll_image_done" name="pic_a_name"> <div class="firstImage firstImage_done"> <img class="img" src="s_data_007/u3249286663183905542fm76.jpg"> </div> <div class="secondImage secondImage_done"> <img class="img" src="s_data_007/u114947098092635805fm76.jpg"> </div> <div class="mask"> <svg style="position:absolute;top:0px;left:0px;"> <defs> <filter id="blur_1_0"> <feGaussianBlur id="filter__1_0" stdDeviation="4"></feGaussianBlur> </filter> </defs> <image xlink:href="https://f11.baidu.com/it/u=324928666,3183905542&amp;fm=76" preserveAspectRatio="none" width="140" height="99" filter="url(#blur_1_0)"></image> </svg> <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:99px;width:140px;"> <span class="mask_title" style="margin-top:29px" x="98" y="1">低价云虚拟主机</span> </div> </div> </a> </div> <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_s5iNaPiNjwaNafzNDfBNDPaNjPBNDnaN7riNjPaN7nBNDPBNAPzNafBNAfiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_15iNjnzNAniNjfBNDwiu_IyVG5HnhUyPsUHYkP1TkPW6hTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqm1mzPvPbuyD&amp;c=news&amp;cf=1&amp;expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&amp;fv=0&amp;itm=0&amp;kdi0=8&amp;kdi1=8&amp;kdi2=8&amp;kdi3=8&amp;lu_idc=gz&amp;lukid=3&amp;lus=ff78d6fc423e2a53&amp;lust=5c7cf2f4&amp;mscf=0&amp;n=10&amp;nttp=1&amp;p=baidu&amp;ssp2=1&amp;tsf=dtp:1&amp;u=%2Fkf%2F201607%2F530549%2Ehtml&amp;urlid=0" target="_blank" style="cursor: pointer"> <div class="pic_title title_under_pic"> 低价云虚拟主机 </div> </a> </div> <div class="pic_itemColumnSpace"></div> <div class="pic_item" id="picItem_1_1"> <div class="pic"> <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRn1FRmkFRPaFRw7Fh_s5iNjnzNAniNjfBNDwiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_15iNaPiNjwaNafzNDfBNDPaNjPBNDnaN7riNjPaN7nBNDPBNAPzNafBNAfiu_IyVG5HfhUyPsUHYknHD1PjnhTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqnyFWuh79uHm&amp;c=news&amp;cf=1&amp;expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&amp;fv=0&amp;itm=0&amp;kdi0=8&amp;kdi1=8&amp;kdi2=8&amp;kdi3=8&amp;lu_idc=gz&amp;lukid=4&amp;lus=ff78d6fc423e2a53&amp;lust=5c7cf2f4&amp;mscf=0&amp;n=10&amp;nttp=1&amp;p=baidu&amp;ssp2=1&amp;tsf=dtp:1&amp;u=%2Fkf%2F201607%2F530549%2Ehtml&amp;urlid=0" target="_blank" style="cursor: pointer" class="roll_image roll_image_done" name="pic_a_name"> <div class="firstImage firstImage_done"> <img class="img" src="s_data_007/u32688455583589448440fm76.jpg"> </div> <div class="secondImage secondImage_done"> <img class="img" src="s_data_007/u16608986273205536686fm76.jpg"> </div> <div class="mask"> <svg style="position:absolute;top:0px;left:0px;"> <defs> <filter id="blur_1_1"> <feGaussianBlur id="filter__1_1" stdDeviation="4"></feGaussianBlur> </filter> </defs> <image xlink:href="https://t10.baidu.com/it/u=3268845558,3589448440&amp;fm=76" preserveAspectRatio="none" width="140" height="99" filter="url(#blur_1_1)"></image> </svg> <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:99px;width:140px;"> <span class="mask_title" style="margin-top:29px" x="28" y="1">民宿</span> </div> </div> </a> </div> <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRn1FRmkFRPaFRw7Fh_s5iNjnzNAniNjfBNDwiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_15iNaPiNjwaNafzNDfBNDPaNjPBNDnaN7riNjPaN7nBNDPBNAPzNafBNAfiu_IyVG5HfhUyPsUHYknHD1PjnhTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqnyFWuh79uHm&amp;c=news&amp;cf=1&amp;expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&amp;fv=0&amp;itm=0&amp;kdi0=8&amp;kdi1=8&amp;kdi2=8&amp;kdi3=8&amp;lu_idc=gz&amp;lukid=4&amp;lus=ff78d6fc423e2a53&amp;lust=5c7cf2f4&amp;mscf=0&amp;n=10&amp;nttp=1&amp;p=baidu&amp;ssp2=1&amp;tsf=dtp:1&amp;u=%2Fkf%2F201607%2F530549%2Ehtml&amp;urlid=0" target="_blank" style="cursor: pointer"> <div class="pic_title title_under_pic"> 民宿 </div> </a> </div> <div style="clear:both;"></div></div> <div style="clear:both"></div></div><style> .pic_div_flip { -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; perspective: 500px; -ms-transform: perspective(500px); -moz-transform: perspective(500px); } .pic_div_flip div { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .pic_div_flip a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .flip_image { position:absolute; top:0px; right:0px; bottom:0px; left:0px } .flip_image_fliped { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); } .flip_image .frontImage { opacity:1 } .frontImage_fliped { opacity:0 !important; } .flip_image .backImage { opacity:0 } .backImage_fliped { opacity:1 !important; } .frontImage, .backImage { position:absolute; top:0px; right:0px; bottom:0px; left:0px } .flip-horizontal { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: fliph; } .roll_image { position:relative; display:inline-block; overflow:hidden; width:140px; height:99px; } .roll_image .firstImage { left:0px; } .roll_image .secondImage { left:100%; } .firstImage_done { left:100% !important; } .secondImage_done { left:0px !important; } .firstImage, .secondImage{ position:absolute; top:0px; right:0px; bottom:0px; left:0px; transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; } .roll_image_done{ transition:all 1.2s ease-in-out; -webkit-transition:all 1.2s ease-in-out; -moz-transition:all 1.2s ease-in-out; -ms-transition:all 1.2s ease-in-out; -o-transition:all 1.2s ease-in-out; }.pic_itemColumnSpace {height:40px;float:left;margin-top:0;margin-bottom:0;width:4px}.pic_item {float:left;overflow: hidden;width:142px;height:117px;position:relative;}.pic {text-align:center;margin:0px;border:1px solid #ddd;height:99px;overflow:hidden;} .pic .img{width:140px;height:99px;}.pic_title{margin:0 auto;padding:0;overflow:hidden;text-align:center;text-decoration:none;font-weight:normal;width:140px;height:16px;line-height:16px;font-family:"微软雅黑";font-size:14px;font-weight:normal;}.pic_container .title_on_pic{color:#ffffff; position:absolute;top:80px;left:1px;}.pic_container .title_under_pic{color:#000000;}.title_on_pic_bg{background-color:#000000;filter:alpha(opacity=50);opacity:0.9;height:20px;}.mask{position:absolute;top:1px;left:1px;height:99px;width:140px;display:none;}.mask_head{color:#fff;text-align:left;display:inline-block;padding:2px 4px;font-size:12px;}.mask_title {color:#fff; padding: 3px 5px; border: 1px solid #fff;display:inline-block;width:120px;font-size:14px;overflow:hidden;max-height:32px;line-height:16px;}.hover .pic{border : 1px solid #f40000;}.hover .title_under_pic{color:#f40000;}.hover .title_on_pic{color:#f40000;}.pic_item_hover .mask {display:block;}.pic_item_hover .pic_title a{color:#ffffff;font-weight:900;}.pic_item_hover .title_on_pic_bg{display:none;}.pic_item_hover .title_on_pic{top:-159px;font-size:16px;font-weight:900;}.img_blur{ -webkit-filter: blur(4px);-moz-filter: blur(4px);-ms-filter: blur(4px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}</style></div> </div> </div> <style type="text/css"> .s-hl-content .bd-hl-content a, .s-hl-content .bd-hl-content a:hover, .s-hl-content .bd-hl-content a:visited, .s-hl-content .bd-hl-content a{text-decoration:none} .s-hl-content .bd-hl-content .pic_container{padding:0px;border:0;position:relative;overflow:hidden;float:left;} .s-hl-content .bd-hl-content{ position:relative; margin:0;padding:0;font-family:&#39;microsoft yahei&#39;;font-size: 14px;font-weight:normal; overflow:hidden; border:1px solid #CCC; background-color:#FFFFFF; width:298px; height:248px; padding:0px 0px 0px 0px; } .s-hl-content .bd-hl-content .title_style {width:293px;height:25px;line-height:25px;padding-left:5px;font-size:14px;margin-bottom:3px;font-weight:900;} .s-hl-content .bd-hl-content .title_style_0 {display:none;} .s-hl-content .bd-hl-content .title_style_2 {border-left:5px solid #ffffff;color:#000000} .s-hl-content .bd-hl-content .title_style_1 {background-color:#ffffff;color:#000000} </style><div class="logo-container"><a class="logo-link" href="http://yingxiao.baidu.com/" target="_blank"></a><div class="gap"></div><a href="javascript:;" id="logo-close-btn"></a></div><div id="feedback-container" class="feedback-container"><div id="reason-content" class="reason-content" data-reason-num="4" style="width:160px;padding-top:0px;"><div class="intro">反馈意见：</div><a href="javascript:;" data-value="1" class="reason-item">视觉干扰</a><a href="javascript:;" data-value="2" class="reason-item">内容不宜</a><a href="javascript:;" data-value="3" class="reason-item">不感兴趣</a><a href="javascript:;" data-value="0" class="reason-item">其他原因</a><a class="fb-btn-cancel" href="javascript:;">返回</a></div><div id="thx-content" class="thx-content"><h5>感谢您的反馈！</h5><p>您的反馈已记录，我们将努力改善您的浏览体验。</p></div></div></div>
<script>
var thisPage = {
doc : document,
Sys : {},
AdStruc : {},
focusId : -1,
playTimer : 0,
timer:[],
get : function(id){
return this.doc.getElementById(id);
},
_initContainerSize:function(){
this.container = this.get("container");
this.containerBorder = parseInt(config.conBW);
this.containerBorderColor = config.rss0;
this.containerBgColor = config.rss1 || "#ffffff";
this.containerPaddingTop = 0;
this.containerPaddingRight = 0;
this.containerPaddingBottom = 0;
this.containerPaddingLeft = 0;
this.containerWidth = parseInt(config.rsi0) - 2 * this.containerBorder - this.containerPaddingLeft - this.containerPaddingRight;
this.containerHeight = parseInt(config.rsi1) - 2 * this.containerBorder - this.containerPaddingTop - this.containerPaddingBottom;
this.bodyHeight = this.containerHeight;
if(config.ptt) this.bodyHeight -=30;
this.bodyWidth = this.containerWidth;
this.brand_margin = 0;
},
_initTextStyle:function(){
this.listStyle = config.tlt ;
this.titleFontColor = config.rss2 || "#000000";
this.titleFontSize = config.titFS || 0;
this.titleHoverColor = config.pthc || "#ff0000";
this.titleFontFamily = decodeURIComponent(config.titFF) || decodeURIComponent("%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91");
this.titleUnderLine = config.titSU || 0;
this.hoverUnderline = config.pul || 0;
this.hoverBgColor = config.hover_color ? "#3399DB":"#D14836";
this.titlePosition = config.ptp || 0;
this.tft = config.tft;
this.icon = config.icon;
if(typeof config.ptbg != "undefined"){
this.titleBgOpa = parseInt(config.ptbg)/100;
} else {
this.titleBgOpa = 0.7;
}
},
_initImageStyle:function(){
this.hover = config.hover;
this.align = config.adp || 1;
this.logIS = config.logIS;
this.picHeight = config.imHeight;
this.picWidth = config.imWidth;
this.picTitleHeight = 16;
this.imgItemWidth = this.picWidth + 2;
this.imgItemHeight = 2 + (config.ptp ? this.picHeight : this.picHeight+this.picTitleHeight )
this.imgCol = config.imC;
this.imgRow = config.imR;
this.radius = config.radius||0;
this.image_zoom = config.image_zoom;
},
_initHeaderStyle:function(){
this.hasTitle = config.ptt || 0;
this.header = decodeURIComponent(config.ptc);
this.headerBgColor = config.ptBC || "#ffffff";
this.headerFontColor = config.ptFC || "#000000";
this.headerFontSize = config.ptFS || 14;
this.txtRowHeight = config.ptrh || 27;
},
_initAds:function(){
for(var i=0;i<ads.length;++i){
if(ads[i].word_src != "pa")
ads[i].curl = ads[i].curl.replace(/&stid=\d*/,'&stid=116');
}
while(ads.length&&ads[ads.length-1].word_src=="pa"){
var t = ads.pop();
var to = new Object();
var from = ads[0];
for(var i in from)
to[i] = from[i];
to.title = t.title;
to.image_url = t.pa_url;
var ori = t.ori || "";
to.curl = ads[0].curl.replace(/&k=[^&]*/g, "&k="+t.title).replace(/&di=\d*/g, "&di=8").replace(/&stid=\d*/,'&stid=115')+"&ori="+ori;
to.word_src = 'pa';
if(config.pat==1||config.pat==3||config.pat==15) {
news.unshift(to);
} else if(config.pat==6) {
ads.unshift(to);
}
}
},
_initEnv:function(){
var s,ua = navigator.userAgent.toLowerCase();
(s = ua.match(/msie ([\d.]+)/)) ? this.Sys.ie = s[1] :
(s = ua.match(/rv:([\d.]+)/)) ? this.Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? this.Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? this.Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? this.Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? this.Sys.safari = s[1] : 0;
},
calcLayout:function(){
var imgAreaHeight = Math.max(config.imR * this.imgItemHeight, 0)
this.notUsedHeight = this.bodyHeight - imgAreaHeight;
this.blockMarginTop = 0;
this.imgRowMarginTop = 0;
this.luWordSpace = 15;
},
calcImageParam:function(){
this.align = 2;
this.columnWidth = Math.floor(this.bodyWidth/config.txtC);
this.imgRowMarginTop = Math.floor(this.notUsedHeight/(config.imR+1));
config.cMR = Math.floor((this.bodyWidth - this.imgItemWidth*config.imC) / (config.imC+1));
},
init : function(){
this.T = baidu.template;
this._initEnv();
this._initAds();
this._initContainerSize();
this._initHeaderStyle();
this._initImageStyle();
this._initTextStyle();
//must init last
this.calcLayout();
config.pat==6 && this.calcImageParam();
},
run : function(){
this.init();
this.paint();
this.initEvents();
},
paint:function(){
var picContainerHtml = '';
this.get("wrapper").innerHTML = this.T('native_ad_frame_template',{'ads':ads,'style':this});
var adsJson = this.AdStruc = this.layout();
if(config.pat==6) {
if (config.dynamic_trans_type > 0) {
picContainerHtml += this.T('native_ad_pic_template_two_image',{'ads':adsJson['imageAreaAds'],'style':this});
} else {
picContainerHtml += this.T('native_ad_pic_template',{'ads':adsJson['imageAreaAds'],'style':this});
}
}
this.get("pic_container").innerHTML = picContainerHtml;
},
layout:function(){
var resort_ads=[],tmp_ads = ads.splice(0,config.imC*config.imR);
resort_ads = tmp_ads;
var adsJson = {
'imageAreaAds':resort_ads,
'textAreaAds':[]
};
return adsJson;
},
getElementsByClass: function(dom,cls){
if(dom.nodeType==1){
if(dom.className==cls){
return dom;
}else{
for(var i=0;i<dom.childNodes.length;++i){
var d = this.getElementsByClass(dom.childNodes[i],cls)
if(d != null) return d;
}
}
}
return null;
},
animate : function(id, mask, start ,step, target){
clearInterval(this.timer[id])
this.timer[id] = setInterval(this.proxy(this,function(){
var top = isNaN(parseInt(mask.style.top))? start : parseInt(mask.style.top)
var cond = step < 0 ? top - target : target - top
if (cond <= Math.abs(step)){
clearInterval(this.timer[id])
mask.style.top = target+"px"
return
}else{
top+=step;
mask.style.top = top+"px"
}
}),15)
},
setHover:function(node){
var className = node.className || '';
if(className.indexOf('pic_item') !== -1){
if (this.hover == 1) {
node.className = "pic_item pic_item_hover";
var mask = this.getElementsByClass(node,'mask');
mask.style.display="block"
mask.style.top=(0-this.picHeight)+"px"
this.animate(node.id, mask, (0-this.picHeight), 9, 1)
} else if(this.hover == 2) {
node.className = "pic_item pic_item_hover_L";
} else if(this.hover == 3) {
node.className = "pic_item pic_item_hover_L2";
} else {
node.className = "pic_item hover";
}
}
},
setNormal:function(node){
var className = node.className || '';
if(className.indexOf('pic_item') !== -1){
node.className = "pic_item";
var mask = this.getElementsByClass(node,'mask');
this.animate(node.id, mask, 1, -9, (0-this.picHeight))
}
},
initEvents: function(){
var container = this.get("pic_container");
function getEvent(e) {
return e || window.event;
}
function bind(el, type, fn){
el.addEventListener ? el.addEventListener(type, fn, false) :
el.attachEvent ? el.attachEvent("on" + type, fn) :
el['on'+type] = fn;
}
function checkHover(e, target) {
if (getEvent(e).type == "mouseover") {
return !contains(target, getEvent(e).relatedTarget || getEvent(e).fromElement) && !((getEvent(e).relatedTarget || getEvent(e).fromElement) === target);
} else {
return !contains(target, getEvent(e).relatedTarget || getEvent(e).toElement) && !((getEvent(e).relatedTarget || getEvent(e).toElement) === target);
}
}
function contains(parentNode, childNode) {
if(!(childNode && parentNode))return false;
if (parentNode.contains) {
return parentNode != childNode && parentNode.contains(childNode);
} else {
return !!(parentNode.compareDocumentPosition(childNode) & 16);
}
}
bind(container,'mouseover',function(e){
var element = e.srcElement ? e.srcElement : e.target;
if(checkHover(e,element)){
while(element&&(typeof element.className !=="string"||element.className.indexOf("pic_item")==-1)){
if(element === this){
element = 0;
break;
}
element = element.parentNode;
}
if(!element)return;
if(element.className=="pic_itemColumnSpace")return;
if (config.dynamic_trans_type === 1 || config.dynamic_trans_type === 2) {
return;
}
if(checkHover(e,element)) thisPage.setHover(element);
}
});
bind(container,'mouseout',function(e){
var element = e.srcElement ? e.srcElement : e.target;
var related = getEvent(e).relatedTarget || getEvent(e).toElement
if (related && typeof related.className == "string"&& related.className.indexOf('mask')!=-1)return
if(checkHover(e,element)){
while(element&&(typeof element.className !=="string"||element.className.indexOf("pic_item")==-1))element = element.parentNode;
if(!element)return;
if(element.className=="pic_itemColumnSpace")return;
if(checkHover(e,element)) thisPage.setNormal(element);
}
});
},
proxy : function(obj,func){
return function(){
return func.apply(obj,arguments);
}
}
}
function advLength(str,fs){
var ch = 0;
var en = 0;
for(var i=0;i<str.length;++i){
if(escape(str.substring(0,1)).indexOf( "%u" )<0){
en += 1;
}else{
ch += 1;
}
}
return Math.ceil(fs*(ch + en/2));
}
function shorten(str,length,fontSize){
if(length<=0)return -1;
var len = advLength(str,fontSize);
if(len <= length)return str;
var index = str.length;
while(len+fontSize > length && len >0){
str = str.substring(0,str.length-1);
len = advLength(str,fontSize);
if(len+fontSize<=length){
str+="..";
return str;
}
}
return -1;
}
thisPage.run();
</script>
<script>
var newAds = [{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRFaFRuKFRcLFRFAFRfLFRwaFRFKFRPAFRczFRFjFRPAFRwAFh_s5iNafBNAfiNaPzNawBNDPzNDfBNafiNjwBNanBNafzNjwBNDwBuonHY-fYD-wbf-fbR-wDf-fWT-wjm-fYR-wWm-f1R-wH0-wjD-fWRhp1cqFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_15iNjnzNAniNjfBNDwiu_IyVG5HDhUyPsUHY3nW64Pauk5HTLXhFxmLKzFMFB5H0hTMnqniu1uyk_ugFxpyfqniu1pyfquhmLrAfvuhnYnWP-nhDdnzu1IA-b5HDkPiuY5gwsmvkGmvV-ujPxpAnhIAfqnWR4P1T1nauYUgnqnHRdnHm4nWR1nBuYIHddnWR4P1T1naud5y9YIZK1FHPKFHFAFHFAILILFHF7nhPYUzRzwyPEUiuv5HDhpHd9uWTduWfkmf&c=news&cf=1&expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&fv=0&itm=0&kdi0=8&kdi1=8&kdi2=8&kdi3=8&lu_idc=gz&lukid=1&lus=ff78d6fc423e2a53&lust=5c7cf2f4&mscf=0&n=10&nttp=1&p=baidu&ssp2=1&tsf=dtp:1&u=%2Fkf%2F201607%2F530549%2Ehtml&urlid=0","desc":"机房综合布线","dspw":"","height":250,"icon":1188,"iconurl":"https://t10.baidu.com/it/u=1844563692,1122745259&fm=76","image_url":"https://t10.baidu.com/it/u=1844563692,1122745259&fm=76","isHb":false,"lpId":3,"mt_desc":"","mt_img_n":2,"mt_img_url_0":"https://t10.baidu.com/it/u=1844563692,1122745259&fm=76","mt_img_url_1":"https://t12.baidu.com/it/u=1090570895,2880372918&fm=76","mt_title":"机房综合布线","surl":"","title":"机房综合布线","type":"text","width":300,"word_src":"d"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_s5iNjfiNAwaNawiNDwaNaPzNDPBNjwiNAPBNjPiN7naNDniNaPiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_15iNjnzNAniNjfBNDwiu_IyVG5HchUyPsUHYknW03rH6hTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqujc1rjm1rAc&c=news&cf=1&expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&fv=0&itm=0&kdi0=8&kdi1=8&kdi2=8&kdi3=8&lu_idc=gz&lukid=2&lus=ff78d6fc423e2a53&lust=5c7cf2f4&mscf=0&n=10&nttp=1&p=baidu&ssp2=1&tsf=dtp:1&u=%2Fkf%2F201607%2F530549%2Ehtml&urlid=0","desc":"数据分析培训","dspw":"","height":250,"icon":407,"iconurl":"https://t12.baidu.com/it/u=481726778,2328640254&fm=76","image_url":"https://t12.baidu.com/it/u=481726778,2328640254&fm=76","isHb":false,"lpId":3,"mt_desc":"","mt_img_n":2,"mt_img_url_0":"https://t12.baidu.com/it/u=481726778,2328640254&fm=76","mt_img_url_1":"https://f12.baidu.com/it/u=864147422,4200057324&fm=76","mt_title":"数据分析培训","surl":"","title":"数据分析培训","type":"text","width":300,"word_src":"2"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRcdFRPDFRFjFRwaFRfYFRnvFRfsFRR4FRnYFRRzFRfvFRmLFRFaFRuKFh_s5iNaPiNjwaNafzNDfBNDPaNjPBNDnaN7riNjPaN7nBNDPBNAPzNafBNAfiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_15iNjnzNAniNjfBNDwiu_IyVG5HnhUyPsUHYkP1TkPW6hTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqm1mzPvPbuyD&c=news&cf=1&expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&fv=0&itm=0&kdi0=8&kdi1=8&kdi2=8&kdi3=8&lu_idc=gz&lukid=3&lus=ff78d6fc423e2a53&lust=5c7cf2f4&mscf=0&n=10&nttp=1&p=baidu&ssp2=1&tsf=dtp:1&u=%2Fkf%2F201607%2F530549%2Ehtml&urlid=0","desc":"低价云虚拟主机","dspw":"","height":250,"icon":1253,"iconurl":"https://f11.baidu.com/it/u=324928666,3183905542&fm=76","image_url":"https://f11.baidu.com/it/u=324928666,3183905542&fm=76","isHb":false,"lpId":3,"mt_desc":"","mt_img_n":2,"mt_img_url_0":"https://f11.baidu.com/it/u=324928666,3183905542&fm=76","mt_img_url_1":"https://f11.baidu.com/it/u=1149470980,92635805&fm=76","mt_title":"低价云虚拟主机","surl":"","title":"低价云虚拟主机","type":"text","width":300,"word_src":"d"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Ydn1F9nvRYnhuWujmLrAuhFh_qFRn1FRmkFRPaFRw7Fh_s5iNjnzNAniNjfBNDwiuonHY-fbc-wbD-fWT-fbm-wjT-wDc-fbD-fYm-fWc-fbn-fYm-wDmhp1cqFRPKFRuDFRF7FRwDFRcLFRfvFRP7FRmvFRndFRRsFRfkFRcdFh_15iNaPiNjwaNafzNDfBNDPaNjPBNDnaN7riNjPaN7nBNDPBNAPzNafBNAfiu_IyVG5HfhUyPsUHYknHD1PjnhTHYLPLGBgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5yuhP19bPhuWPjc1uHF9PHnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5HcdrHTLn10hIAd15HDdPHDvrHcdn1chIZRqIHcdrHTLn10hIHdCIZwsTzR1fiRzwBRzwMILIzRzwHFWIAt-nbNWUvYhIWYkFhbqnyFWuh79uHm&c=news&cf=1&expid=6273_6455_9047_9080_9217_9238_9280_9284_9503_9511_9512_9513_9522_9527_9559_9563_9564_9568_9580_9588&fv=0&itm=0&kdi0=8&kdi1=8&kdi2=8&kdi3=8&lu_idc=gz&lukid=4&lus=ff78d6fc423e2a53&lust=5c7cf2f4&mscf=0&n=10&nttp=1&p=baidu&ssp2=1&tsf=dtp:1&u=%2Fkf%2F201607%2F530549%2Ehtml&urlid=0","desc":"民宿","dspw":"","height":250,"icon":586,"iconurl":"https://t10.baidu.com/it/u=3268845558,3589448440&fm=76","image_url":"https://t10.baidu.com/it/u=3268845558,3589448440&fm=76","isHb":false,"lpId":3,"mt_desc":"","mt_img_n":2,"mt_img_url_0":"https://t10.baidu.com/it/u=3268845558,3589448440&fm=76","mt_img_url_1":"https://t12.baidu.com/it/u=1660898627,3205536686&fm=76","mt_title":"民宿","surl":"","title":"民宿","type":"text","width":300,"word_src":"0"}];
// var defaultIsShow = false;
// var logoCon={logoIsShow:function(){var b,c,a=document.getElementsByTagName("a");for(b=0;b<a.length;b++)c=a[b].className,("bd-logo"==c||"bd-logo2"==c||"bd-logo3"==c||"bd-logo4"==c||"bd-logo5"==c||"bd-logo1"==c)&&("undefined"==typeof config.consl&&(config.consl=1),a[b].style.display=(defaultIsShow && config.consl)?"block":"none")}};logoCon.logoIsShow();
</script>
<script>
var sendMonitorLog={sendLog:function(){var f=this;var d="";var c=document.getElementById("pic_container");var b="//cpro.baidu.com/concurrent/cc?";var e=c.getElementsByTagName("a");for(var a=0;a<e.length;a++){if(e[a].className!="bd-logo4"){this.addEvent(e[a],"click",function(j){var j=j||window.event;var k=j.target||j.srcElement;if(k.tagName.toLowerCase()!=="a"){k=f.resTag(k)}var i=k.href;d=/\?+(.*)/.exec(i);var g=new Image();var h="cpro_log_"+Math.floor(Math.random()*2147483648).toString(36);window[h]=g;g.onload=g.onerror=g.onabort=function(){g.onload=g.onerror=g.onabort=null;window[h]=null;g=null};g.src=b+d[1]+"&tT="+new Date().getTime()})}}},addEvent:function(c,b,a){b=b.replace(/^on/i,"").toLowerCase();if(c.addEventListener){c.addEventListener(b,a,false)}else{c.attachEvent("on"+b,function(){a(window.event)})}},resTag:function(a){var a=a.parentNode;if(a.tagName.toLowerCase()!=="a"&&a.tagName.toLowerCase()!=="body"){return this.resTag(a)}return a}};sendMonitorLog.sendLog();
</script>
<script>
// var adJsUrlexp='//cpro.baidustatic.com/cpro/ui/noexpire/js/4.0.1/adClosefeedbackUpgrade.min.js';
// var bdUserPreferenceExpFlag=2;var bdJinglianExpFlag=1;var preferenceInfo="czE9NDI4NjEwOTQzNgFzMj0xMTExMzcwMzIzAXJlcXVybD1odHRwcyUzQSUyRiUyRnd3dyUyRTJjdG8lMkVjb20lMkZrZiUyRjIwMTYwNyUyRjUzMDU0OSUyRWh0bWwBY250bj03N3piX2NwcgF0dT11MjU5NzczMAFpcD0xODMzMDEyNTQxAWlwdjY9AWNyYz0zNDcwMjQ1MDkx";var bdJinglianHoverTitle="";var bdUserPreferenceReason=[{"id":5,"name":"视觉干扰","type":0},{"id":6,"name":"内容不宜","type":0},{"id":7,"name":"不感兴趣","type":0},{"id":8,"name":"其它","type":0},{"id":1005,"name":"视觉干扰","type":1},{"id":1006,"name":"内容不宜","type":1},{"id":1007,"name":"不感兴趣","type":1},{"id":1008,"name":"其它","type":1}]||[];var bdUserComplaintReason=[{id:0,name:'\u8bf7\u8f93\u5165\u002e\u002e\u002e',option:0,type:0},{id:1,name:'\u5185\u5bb9\u4f4e\u4fd7',option:'\u5185\u5bb9\u4f4e\u4fd7',type:1},{id:2,name:'\u5185\u5bb9\u865a\u5047',option:'\u5185\u5bb9\u865a\u5047',type:1},{id:3,name:'\u4e0d\u7f8e\u89c2',option:'\u4e0d\u7f8e\u89c2',type:1}];var loadJs=function(f,e){var h=document.createElement("script");h.onload=function(){e()};h.onreadystatechange=function(){/loaded|complete/.test(h.readyState)&&e()};h.src=f;var g=document.getElementsByTagName("script")[0];g.parentNode.insertBefore(h,g)};window.onload=function(){if(bdUserPreferenceExpFlag){loadJs(adJsUrlexp,function(){})}};
logo.init({containerId: 'wrapper', closeDirect: true, feedbackParentId: 'wrapper', deviceType: 1});
</script>
<script type="text/javascript">
function addFliterForImg(){var a=config.saturate;var e=config.contrast;var f=document.querySelectorAll("img");for(var c=f.length-1;c>=0;c--){var d=f[c];if(d.src.length>0&&d.width>10&&d.height>10){var b;if(a&&e){b="-webkit-filter:saturate("+a/100+") contrast("+e/100+")"}else{if(a){b="-webkit-filter:saturate("+a/100+")"}else{if(e){b="-webkit-filter:contrast("+e/100+")"}}}if(d.style.cssText.indexOf("filter")===-1){d.style.cssText+=b}}}}if(config.saturate||config.contrast){if(document.all){window.attachEvent("onload",addFliterForImg)}else{window.addEventListener("load",addFliterForImg,false)}};
</script>
<script type="text/javascript">
if (config.dynamic_trans_type === 1) {
this.setInterval("flipAnimationImage()", 4000);
} else if (config.dynamic_trans_type === 2) {
this.setInterval("rollAnimationImage()", 4000);
}
function flipAnimationImage() {
var picas = document.getElementsByName("pic_a_name");
if (picas && picas.length > 0) {
for (var i = picas.length - 1; i >= 0; i--) {
var pica= picas[i];
var frontImages = pica.getElementsByClassName("frontImage");
var frontImage = frontImages[0];
var backImages = pica.getElementsByClassName("backImage");
var backImage = backImages[0];
if (pica && pica.className === "flip_image") {
pica.className = "flip_image flip_image_fliped";
frontImage.className = "frontImage frontImage_fliped";
backImage.className = "backImage backImage_fliped";
} else if (pica && pica.className === "flip_image flip_image_fliped"){
pica.className = "flip_image";
frontImage.className = "frontImage";
backImage.className = "backImage";
}
};
}
}
function rollAnimationImage() {
var picas = document.getElementsByName("pic_a_name");
if (picas && picas.length > 0) {
for (var i = picas.length - 1; i >= 0; i--) {
var pica= picas[i];
var frontImages = pica.getElementsByClassName("firstImage");
var frontImage = frontImages[0];
var backImages = pica.getElementsByClassName("secondImage");
var backImage = backImages[0];
if (pica && pica.className === "roll_image") {
pica.className = "roll_image roll_image_done";
frontImage.className = "firstImage firstImage_done";
backImage.className = "secondImage secondImage_done";
} else if (pica && pica.className === "roll_image roll_image_done"){
pica.className = "roll_image";
frontImage.className = "firstImage";
backImage.className = "secondImage";
}
};
}
}
</script>
</body></html>