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.
720 lines
78 KiB
720 lines
78 KiB
5 years ago
|
<!-- 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,"&").replace(/</g,"<").replace(/>/g,">").replace(/\\/g,"\").replace(/"/g,""").replace(/'/g,"'")};a._encodeReg=function(d){return String(d).replace(/([.*+?^=!:${}()|[\]/\\])/g,"\\$1")};a._encodeEventHTML=function(d){return String(d).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").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,"\").replace(/'/g,"'");while(/<[^<]*?'[^<]*?>/g.test(k)){k=k.replace(/(<[^<]*?)'([^<]*?>)/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,318390
|
||
|
|
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&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" 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&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&c=news&cf=1&expid=6273_6455_9047_9080_9217_92
|
||
|
|
|
||
|
|
<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,318
|
||
|
|
// 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>
|