六安网站推广获客app,服装建设网站的原因,太原免费静态网页制作网站,wordpress弹窗预览web前端游戏项目-辨色大比拼【附源码】
《辨色大比拼》是一个旨在测试和提升玩家颜色识别能力的在线游戏。在游戏中#xff0c;玩家将通过辨识颜色来解谜并推进游戏进程。辨色大比拼也是一个寓教于乐的游戏#xff0c;它不仅提供了一个有趣的辨色挑战#xff0c;还能帮助玩…web前端游戏项目-辨色大比拼【附源码】
《辨色大比拼》是一个旨在测试和提升玩家颜色识别能力的在线游戏。在游戏中玩家将通过辨识颜色来解谜并推进游戏进程。辨色大比拼也是一个寓教于乐的游戏它不仅提供了一个有趣的辨色挑战还能帮助玩家提高颜色识别能力增强对色彩的敏感度。通过与其他玩家竞争和比较分数玩家可以提升自己的辨色技能享受游戏的乐趣 运行效果 HTML源码
!DOCTYPE html
htmlheadmeta http-equivContent-Type contenttext/html; charsetUTF-8meta nameviewport contentwidthdevice-width; initial-scale1; maximum-scale1; minimum-scale1; user-scalableno;
meta namekeywords content辨色大比拼
meta namedescription content辨色大比拼通过有趣的心理游戏训练你的眼睛和大脑的反应协调能力
meta propertyog:image contentlogo.jpg
title最坑人的辨色大比拼!/title
style typetext/css
.green{color:#27ae60;}.red{color:#e74c3c;}.orange{color:#f39c12;}.yellow{color:#f6dd09;}.blue{color:#3498db;}.black{color:#000;}.brown{color:#795118;}.all_quest h1{font-size:40px;margin-top:30px;}
body{background:url(460.jpg) repeat left top;color:#61696a;font-family:Bree Serif,serif;font-size:13px;margin:0;padding:0;-webkit-text-size-adjust:none}h1{color:#2e4053;font-size:28px;margin-top:10px}h2{border-top:1px dotted #61696a;margin-top:30px;padding-top:30px}a{color:#3498db;text-decoration:none;transition:all ease 1s;}a:hover{background:#f39c12;border-color:#f39c12;}p{margin:0}p.sequence{color:#2e4053;font-size:20px;margin:0 0 10px}span.blank{border:2px dotted #ffc000;color:#ffc000;padding:1px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}.wrapper{background:url(h.png) no-repeat center -15px;text-align:center;position:relative;height:480px;width:100%}.splash,.howto,ul.hud{position:absolute;left:50%}.splash{background:url(b.png) no-repeat center -200px;padding-top:189px;top:10px;margin-left:-90px;}.howto{margin-left:-120px;top:10px}.all_quest{position:relative;top:80px}.button{background:#e74c3c;border:2px solid #e74c3c;color:#fff;display:inline-block;font-size:16px;margin-top:5px;padding:5px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}ul{list-style-type:none;margin:0;padding:0}ul li{display:inline-block;margin:0;padding:0}ul.hud{top:30px;margin-left:-150px}ul.hud li{color:#61696a;margin:0 10px;text-align:left;width:105px}ul.hud li.timeCount{background:url(b.png) no-repeat left -62px;padding-left:25px}ul.hud li.totalQuest{background:url(b.png) no-repeat -148px -62px;padding-left:25px}.answer{margin-top:50px}.answer ul li{font-size:24px;margin:0 10px 10px}.answer ul li a{border:2px solid #ffc000;color:#ffc000;display:inline-block;padding:1px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}.answer ul li a.option_a:hover,.answer ul li a.option_b:hover,.answer ul li a.option_c:hover,.answer ul li a.option_d:hover{background-color:#0f591b}.answer ul li a.option_a{/*background:url(b.png) no-repeat 9px -5px*/}.answer ul li a.option_b{/*background:url(b.png) no-repeat -48px -5px*/}.answer ul li a.option_c{/*background:url(b.png) no-repeat -114px -5px*/}.answer ul li a.option_d{/*background:url(b.png) no-repeat -176px -5px*/}a.disable_click{pointer-events:none}.hint{height:20px;position:relative;top:85px}.tick{background:url(b.png) no-repeat left -110px;text-indent:-99999px;height:50px;width:55px}.cross{background:url(b.png) no-repeat -75px -110px;text-indent:-99999px;height:50px;width:55px}.result{margin:0 auto;position:relative;top:-45px}.result span.score{color:#27ae60;display:block;font-size:24px}.copyrights{position:absolute;margin-left:-173px;left:50%;top:375px;width:346px}.copyrights p{color:#7f888f;}.copyrights a{background: none;}.copyrights a:hover{background: none;}.fb_plugin{margin:0 auto;padding:0 20px;width:320px}.other_game{background:#222;margin:0 auto;overflow:hidden;padding:10px;width:708px}.other_game p{color:#ccc;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:14px;margin-top:0}.other_game ul{list-style-type:none;margin:0;padding:0}.other_game ul li{margin-top:10px;display:block;}.other_game ul li:first-child{margin:0}.other_game ul li img{float:left;margin-right:10px}.other_game a{display:block;color:#09c;font-size:14px;overflow:hidden;text-decoration:none}.other_game a:hover{background:#138c46;color: #fff;}.other_game a span{font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ccc}media screen and (max-width:320px){.wrapper{overflow-x:hidden;width:320px;min-width:320px}.splash{margin-left:-160px;width:320px}.splash h1{font-size:18px}h2{margin-top:15px;padding-top:15px}.howto{margin-left:-150px;width:300px}.copyrights p{font-size:11px}.fb_plugin{width:280px;padding:0}.result{width:280px}.result span.score{font-size:16px}}
/style
link hrefbdsstyle.css relstylesheet typetext/cssscript srclogger.js/script/headbody stylezoom: 1;div classwrapperdiv classsplashh1span classgreen红/span 还是 span classred绿/span?/h1pa hrefhonghaishilv.html classbutton继续/a/p/div!-- END splash --div classhowto styledisplay: none;h1怎么玩?/h1p你的颜色敏感度测试? 你的右脑怎么样?br做完这个测试你就知道了!/pp下面让我们来测试下!/ph2规则/h2pstrong选择你看到的字的颜色!/strong/ppa hrefhonghaishilv.html classbutton开始游戏!/a/p/div!-- END howto --ul classhudli classtimeCount/li!-- END timeCount --li classtotalQuest styledisplay: none;问题 1 / 20/li!-- END totalQuest --/uldiv classall_questdiv classquest1 styledisplay: none;p classsequence字的颜色是什么?/ph1 classgreen橙/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo红/a/lilia hrefhonghaishilv.html classoption_b data-verifydui绿/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo橙/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo蓝/a/li/ul/div!-- END answer --/div!-- END quest1 --div classquest2 styledisplay: none;p classsequence字的颜色是什么?/ph1 classred黑/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo黑/a/lilia hrefhonghaishilv.html classoption_c data-verifydui红/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo黄/a/li/ul/div!-- END answer --/div!-- END quest2 --div classquest3 styledisplay: none;p classsequence字的颜色是什么?/ph1 classyellow黄/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo黑/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo蓝/a/lilia hrefhonghaishilv.html classoption_d data-verifydui黄/a/li/ul/div!-- END answer --/div!-- END quest3 --div classquest4 styledisplay: none;p classsequence字的颜色是什么?/ph1 classblue红/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo黄/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo橙/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo红/a/lilia hrefhonghaishilv.html classoption_d data-verifydui蓝/a/li/ul/div!-- END answer --/div!-- END quest4 --div classquest5 styledisplay: none;p classsequence字的颜色是什么?/ph1 classblack黑/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo蓝/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo橙/a/lilia hrefhonghaishilv.html classoption_d data-verifydui黑/a/li/ul/div!-- END answer --/div!-- END quest5 --div classquest6 styledisplay: none;p classsequence字的颜色是什么?/ph1 classyellow绿/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifydui黄/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo蓝/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo红/a/li/ul/div!-- END answer --/div!-- END quest6 --div classquest7 styledisplay: none;p classsequence字的颜色是什么?/ph1 classorange黄/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo黄/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo黑/a/lilia hrefhonghaishilv.html classoption_c data-verifydui橙/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo绿/a/li/ul/div!-- END answer --/div!-- END quest7 --div classquest8 styledisplay: none;p classsequence字的颜色是什么?/ph1 classblue蓝/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo黑/a/lilia hrefhonghaishilv.html classoption_b data-verifydui蓝/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo黄/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo红/a/li/ul/div!-- END answer --/div!-- END quest8 --div classquest9 styledisplay: none;p classsequence字的颜色是什么?/ph1 classyellow绿/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_b data-verifydui黄/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo蓝/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo黑/a/li/ul/div!-- END answer --/div!-- END quest9 --div classquest10 styledisplay: none;p classsequence字的颜色是什么?/ph1 classorange红/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo蓝/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo红/a/lilia hrefhonghaishilv.html classoption_c data-verifydui橙/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo绿/a/li/ul/div!-- END answer --/div!-- END quest10 --div classquest11 styledisplay: none;p classsequence字的颜色是什么?/ph1 classred橙/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo黑/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo蓝/a/lilia hrefhonghaishilv.html classoption_d data-verifydui红/a/li/ul/div!-- END answer --/div!-- END quest11 --div classquest12 styledisplay: none;p classsequence字的颜色是什么?/ph1 classorange黑/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifydui橙/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo黑/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo蓝/a/li/ul/div!-- END answer --/div!-- END quest12 --div classquest13 styledisplay: none;p classsequence字的颜色是什么?/ph1 classyellow黄/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo橙/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo蓝/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_d data-verifydui黄/a/li/ul/div!-- END answer --/div!-- END quest13 --div classquest14 styledisplay: none;p classsequence字的颜色是什么?/ph1 classblack蓝/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_b data-verifydui黑/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo蓝/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo红/a/li/ul/div!-- END answer --/div!-- END quest14 --div classquest15 styledisplay: none;p classsequence字的颜色是什么?/ph1 classbrown绿/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo橙/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo黄/a/lilia hrefhonghaishilv.html classoption_d data-verifydui褐/a/li/ul/div!-- END answer --/div!-- END quest15 --div classquest16 styledisplay: none;p classsequence字的颜色是什么?/ph1 classbrown褐/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo蓝/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_c data-verifydui褐/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo黄/a/li/ul/div!-- END answer --/div!-- END quest16 --div classquest17 styledisplay: none;p classsequence字的颜色是什么?/ph1 classgreen红/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifydui绿/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo红/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo黑/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo橙/a/li/ul/div!-- END answer --/div!-- END quest17 --div classquest18 styledisplay: none;p classsequence字的颜色是什么?/ph1 classbrown橙/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifydui褐/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo橙/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo黄/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo红/a/li/ul/div!-- END answer --/div!-- END quest18 --div classquest19 styledisplay: none;p classsequence字的颜色是什么?/ph1 classblue绿/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo黑/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_c data-verifycuo红/a/lilia hrefhonghaishilv.html classoption_d data-verifydui蓝/a/li/ul/div!-- END answer --/div!-- END quest19 --div classquest20 styledisplay: none;p classsequence字的颜色是什么?/ph1 classblack褐/h1div classanswerullia hrefhonghaishilv.html classoption_a data-verifycuo绿/a/lilia hrefhonghaishilv.html classoption_b data-verifycuo红/a/lilia hrefhonghaishilv.html classoption_c data-verifydui黑/a/lilia hrefhonghaishilv.html classoption_d data-verifycuo蓝/a/li/ul/div!-- END answer --/div!-- END quest20 --div classresult styledisplay: none;h1你的分数/h1p你的答案span classscore0/span/pdiv classfb_plugin!----
div classbaidu_share
!-- Baidu Button BEGIN --script typetext/javascript idbdshare_js datatypetoolsamp;uid603462 srcbds_s_v2.js/scriptscript typetext/javascript
document.getElementById(bdshell_js).src http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion Math.ceil(new Date()/3600000)
/script
!-- Baidu Button END --
/div/div/divdiv classhintulli classtick styledisplay: none;对!/lili classcross styledisplay: none;错!/li/ul/div!-- END hint --!-- END copyrights --
/div
div idshare styledisplay:none
img styleposition:absolute;top:0;left:0;display: onclickdocument.getElementById(#39;share#39;).style.display#39;none#39;;
/divscript srcjquery.js/script
script
window.addEventListener(load,function(){setTimeout(function(){window.scrollTo(0,1)},0)});$(document).ready(function(){var i,totalQuest,timeUp,score,howto$(.howto),allQuest$(.all_quest),splash$(.splash),timeCountDiv$(.timeCount),totalQuestDiv$(.totalQuest),tickIcon$(.tick),crossIcon$(.cross);init();function init(){i1;totalQuest20;timeUp3500;score0;$(.result).hide();howto.hide();$(.hint ul).children().hide();allQuest.children().hide();totalQuestDiv.hide().html(问题 i / totalQuest);splash.show()}$(.splash a).click(function(e){e.preventDefault();splash.hide();howto.fadeIn(slow)});$(.howto a).click(function(e){e.preventDefault();howto.hide();startGame()});$(.answer a).click(function(e){var ans$(this).data(verify);var default_ansdui;e.preventDefault();$(.answer a).addClass(disable_click);if(ansdefault_ans){score1;tickIcon.fadeIn(slow,function(){$(this).fadeOut(fast)})}else{crossIcon.fadeIn(slow,function(){$(this).fadeOut(fast)})}$(.questi).fadeOut(slow,function(){if(itotalQuesttimeUp1){i;$(.questi).fadeIn(slow,function(){$(.answer a).removeClass(disable_click)})}else{showResult();clearInterval(timeLoop)}totalQuestDiv.html(问题 i / totalQuest)})});$(.retry).click(function(e){e.preventDefault();init()});function startGame(){$(.quest1).show();timeCountDiv.show();totalQuestDiv.show();timeLoopsetInterval(timeUpCount,1000/60)}function timeUpCount(){var timeparseInt(timeUp);var minutesMath.floor(time/60);var secondstime%60;if(timeUp1){timeUp--}else{showResult();clearInterval(timeLoop)}timeCountDiv.html(时间 minutes:seconds)}function showResult(){allQuest.children().hide();totalQuestDiv.hide();timeCountDiv.hide();$(.result .score).html(答对score个题共totalQuest题.色感score*5分);$(.result).fadeIn(slow);dp_submitScore(score)}});
/script
script languagejavascriptvar mebtnopenurl http://game.id87.com/youxi/;window.shareData {imgUrl: logo.jpg,timeLineLink: http://game.id87.com/youxi/games/honghaishilv/,tTitle: 最坑人的辨色大比拼,tContent: 全世界最坑的辨色大比拼1分钟内让你抓狂不已};function dp_submitScore(t){dp_share(t);}function dp_share(t){if(15t t 5) {document.title 我的辨色力是t*5分还不错吧求超越;$(.result .score).append(还不错哦眼脑协调能力正常);}else if(20t t15){document.title 我的辨色力是t*5分很不错噢求超越;$(.result .score).append(好厉害你的眼脑协调反应能力超强耶);}else if(t20){document.title 我的辨色力是t*5分满分了求追平;$(.result .score).append(你的色感是满分完美的色感和眼脑协调能力);}else{document.title 想知道你的色感和眼脑协调能力吗来测下就知道;$(.result .score).append(你的色感好差哦多练习几次吧);}document.getElementById(share).style.display;window.shareData.tTitle document.title;}function dp_Ranking(){document.location.href http://g.huceo.com/weixin/;}document.addEventListener(WeixinJSBridgeReady, function onBridgeReady() {WeixinJSBridge.on(menu:share:appmessage, function(argv) {WeixinJSBridge.invoke(sendAppMessage, {img_url: window.shareData.imgUrl,link: window.shareData.timeLineLink,desc: window.shareData.tContent,title: window.shareData.tTitle}, function(res) {document.location.href mebtnopenurl;})});WeixinJSBridge.on(menu:share:timeline, function(argv) {WeixinJSBridge.invoke(shareTimeline, {img_url: window.shareData.imgUrl,img_width: 640,img_height: 640,link: window.shareData.timeLineLink,desc: window.shareData.tContent,title: window.shareData.tTitle}, function(res) {document.location.href mebtnopenurl;});});}, false);
/scriptspan styledisplay: none
script typetext/javascript srchttp://tajs.qq.com/stats?sId34915524 charsetUTF-8/script
/span
/body/htmlCSS源码
CHARSET UTF-8;#bdshare ul,#bdshare_s ul,#bdshare ul li,#bdshare_s ul li,#bdshare_l_c ul li,#bdshare_m_c ul li,#bdshare_pop ul,#bdshare_pop ul li{list-style:none;margin:0;padding:0}#bdshare{_overflow-x:hidden;z-index:999999;padding-bottom:2px;font-size:12px;float:left;text-align:left!important;zoom:1}#bdshare a,#bdshare_s a,#bdshare_pop a{text-decoration:none;cursor:pointer}#bdshare a:hover,#bdshare_s a:hover,#bdshare_pop a:hover{color:#333;opacity:.8;filter:alpha(opacity80)}#bdshare img{border:0;margin:0;padding:0;cursor:pointer}#bdshare h6,#bdshare_s h6{width:100%;font:14px/22px 宋体;text-indent:.5em;font-weight:700;border-top:1px solid #fbfbfb;border-bottom:1px solid #f2f1f1;background-color:#f6f6f6;float:left;padding:5px 0;margin:0}#bdshare ul,#bdshare_s ul{width:98%;float:left;padding:8px 0;margin-left:2px;overflow:hidden}#bdshare ul li,#bdshare_s ul li{width:47%;_width:41%;float:left;margin:4px 2px}#bdshare ul li a,#bdshare_s ul li a{color:#565656;font:12px 宋体;display:block;width:98%;padding:6px 0;text-indent:2.4em;*text-indent:1.8em;_text-indent:1.8em;border:1px solid #fff}#bdshare ul li a:hover,#bdshare_s ul li a:hover{background-color:#f3f3f3;border:1px solid #eee;-webkit-border-radius:3px;-moz-border-radius:3px}#bdshare p,#bdshare_s p{width:100%;height:21px;font:12px 宋体;border-top:1px solid #f2f1f1;background-color:#f8f8f8;float:left;padding:0;margin:0}#bdshare p a,#bdshare_s p a{width:auto;text-align:right;float:right;padding:0 5px}#bdshare_l{width:212px;position:absolute;top:0;background:#fff;text-align:left}#bdshare_l_c{width:210px;float:left;border:1px solid #e9e9e9;text-align:left}#bdshare_l_c ul li{width:47%;height:26px;float:left;margin:2px}#bdshare_l_c ul li a{background:url(../images/is.png?cdnversion20131219) no-repeat;height:auto!important}#bdshare_m{width:132px;float:right;position:absolute;zoom:1;background:#fff}#bdshare_m_c{width:130px;float:left;border:1px solid #e9e9e9;overflow:hidden;background:#fff}#bdshare_m_c ul li{width:97%;_width:90%;float:left;margin:2px}#bdshare_m_c ul li a{background:url(../images/is.png?cdnversion20131219) no-repeat;height:auto!important}#bdshare_l,#bdshare_m{-webkit-box-shadow:0 0 7px #eee;-moz-box-shadow:0 0 7px #eee;z-index:99999}#bdshare_pop{width:300px;border:6px solid #8f8f8f;padding:0;background:#f6f6f6;position:absolute;z-index:1000000;text-align:left}#bdshare_pop{-webkit-border-radius:5px;-moz-border-radius:5px}#bdshare_pop{-webkit-box-shadow:0 0 7px #aaa;-moz-box-shadow:0 0 7px #aaa}#bdshare_pop div{border:1px solid #e9e9e9;float:left;overflow:hidden;text-align:left}#bdshare_pop h5{width:100%;height:28px;color:#626262;font:14px/28px 宋体;font-weight:700;text-indent:.5em;float:left;margin:0;overflow:hidden}#bdshare_pop h5 b{width:22px;height:23px;background:url(../images/pop_c.gif?cdnversion20120720) no-repeat 0 0;cursor:pointer;position:absolute;right:8px;top:4px}#bdshare_pop ul{width:100%;height:256px;background:#fff;float:left;padding:8px 0;margin:0;border-top:1px solid #f2f1f1;border-bottom:1px solid #f2f1f1;overflow:auto;overflow-x:hidden}#bdshare_pop ul li{width:130px;float:left;padding:2px;margin-left:6px;_margin-left:3px;height:29px;overflow:hidden}#bdshare_pop ul li a{background:url(../images/is.png?cdnversion20131219) no-repeat;color:#565656;font:12px 宋体;display:block;width:75%;padding:6px 0 6px 28px;border:1px solid #fff}#bdshare_pop ul li a:hover{background-color:#f3f3f3;border:1px solid #eee;-webkit-border-radius:3px;-moz-border-radius:3px}#bdshare_pop p{width:100%;font:12px 宋体;float:left;padding:5px 0 8px;margin:0;overflow:hidden}#bdshare_pop p a{width:auto;text-align:right;float:right;padding:0 5px}#bdshare_l_c p a.goWebsite,#bdshare_m_c p a.goWebsite,#bdshare_pop p a.goWebsite{text-align:right;background:url(../images/pi.gif?cdnversion20120720) no-repeat 0 center;line-height:16px;padding-left:12px;color:#8c8c8c}#bdshare_l_c p a.goWebsite:hover,#bdshare_m_c p a.goWebsite:hover,#bdshare_pop p a.goWebsite:hover{color:#00a9e0}span.bds_more{background:url(../images/is.png?cdnversion20131219) no-repeat 0 5px!important}span.bds_more,.bds_tools a{display:block;font-family:宋体,Arial;height:16px;float:left;cursor:pointer;padding-top:6px;padding-bottom:3px;padding-left:22px}.bds_tools a{background:url(../images/is.png?cdnversion20131219) no-repeat}.bds_tools_32 a{background:url(../images/is_32.png?cdnversion20131219) no-repeat;width:37px;height:37px;display:block;float:left;margin-right:3px;text-indent:-100em;cursor:pointer}.bds_tools_32 span.bds_more{background:url(../images/is_32.png?cdnversion20131219) no-repeat 0 5px!important;width:37px;height:32px;text-indent:-100em;padding-left:0}.bds_tools_24 a{background:url(../images/is_24.png?cdnversion20131219) no-repeat;width:29px;height:29px;display:block;float:left;margin-right:3px text-indent:-100em;padding-left:0;cursor:pointer}.bds_tools_24 span.bds_more{background:url(../images/is_24.png?cdnversion20131219) no-repeat 0 5px!important;width:29px;height:24px;text-indent:-100em;padding-left:0}.bds_more{background-image:url(../images/is.png?cdnversion20131219)!important;background-position:0 4px!important}span.bds_nopic,.bds_tools_32 span.bds_nopic,.bds_tools_24 span.bds_nopic{background-image:none!important;padding-left:3px!important}.bdshare_b img{float:left}.bdshare_b a.shareCount,.bds_tools a.shareCount,.bds_tools_32 a.shareCount,.bds_tools_24 a.shareCount{float:left;background:url(../images/sc.png?cdnversion20120720) no-repeat!important;margin:0;padding:0;text-align:center;padding-left:5px;color:#454545;font-family:宋体!important}.bdshare_b a.shareCount,.bds_tools_24 a.shareCount{width:39px;height:24px;background-position:0 0;font-size:12px;line-height:24px;margin-left:3px}.bdshare_b a.shareCount:hover,.bds_tools_24 a.shareCount:hover{color:#454545!important;background-position:-44px 0!important;opacity:1!important;filter:alpha(opacity100)!important}.bds_tools a.shareCount{width:37px;height:16px;background-position:0 -30px!important;margin-top:5px;overflow:hidden;font-size:12px;line-height:16px}.bds_tools a.shareCount:hover{color:#454545!important;background-position:-42px -30px!important;opacity:1!important;filter:alpha(opacity100)!important}.bds_tools_32 a.shareCount{width:43px;height:32px;background-position:0 -60px!important;margin-top:5px;overflow:hidden;font-size:14px;line-height:32px;text-indent:0!important}.bds_tools_32 a.shareCount:hover{color:#454545!important;background-position:-48px -60px!important;background-position:-48px -60px;opacity:1!important;filter:alpha(opacity100)!important}.bds_tools_24 a.shareCount{margin-top:5px}.bds_qzone{background-position:0 -75px!important}.bds_tsina{background-position:0 -115px!important}.bds_bdhome{background-position:0 -155px!important}.bds_renren{background-position:0 -195px!important}.bds_tqq{background-position:0 -235px!important}.bds_kaixin001{background-position:0 -275px!important}.bds_tqf{background-position:0 -315px!important}.bds_hi{background-position:0 -355px!important}.bds_douban{background-position:0 -395px!important}.bds_tsohu{background-position:0 -435px!important}.bds_msn{background-position:0 -475px!important}.bds_qq{background-position:0 -515px!important}.bds_taobao{background-position:0 -555px!important}.bds_tieba{background-position:0 -595px!important}.bds_sohu{background-position:0 -675px!important}.bds_t163{background-position:0 -715px!important}.bds_qy{background-position:0 -755px!important}.bds_tfh{background-position:0 -795px!important}.bds_hx{background-position:0 -835px!important}.bds_fx{background-position:0 -875px!important}.bds_ff{background-position:0 -915px!important}.bds_xg{background-position:0 -955px!important}.bds_ty{background-position:0 -995px!important}.bds_s51{background-position:0 -1035px!important}.bds_fbook{background-position:0 -1115px!important}.bds_twi{background-position:0 -1155px!important}.bds_ms{background-position:0 -1195px!important}.bds_deli{background-position:0 -1235px!important}.bds_s139{background-position:0 -1275px!important}.bds_iguba{background-position:0 -1315px!important}.bds_linkedin{background-position:0 -1354px!important}.bds_copy{background-position:0 -1393px!important}.bds_ifeng{background-position:0 -1431px!important}.bds_tuita{background-position:0 -1470px!important}.bds_meilishuo{background-position:0 -1549px!important}.bds_mogujie{background-position:0 -1589px!important}.bds_diandian{background-position:0 -1629px!important}.bds_huaban{background-position:0 -1669px!important}.bds_leho{background-position:0 -1709px!important}.bds_wealink{background-position:0 -1749px!important}.bds_duitang{background-position:0 -1789px!important}.bds_thx{background-position:0 -1829px!important}.bds_mail{background-position:0 -1870px!important}.bds_print{background-position:0 -1910px!important}.bds_baidu{background-position:0 -1950px!important}.bds_share189{background-position:0 -1990px!important}.bds_youdao{background-position:0 -2030px!important}.bds_mshare{background-position:0 -2070px!important}.bds_mop{background-position:0 -2110px!important}.bds_yaoshi{background-position:0 -2150px!important}.bds_bdxc{background-position:0 -2190px!important}.bds_sqq{background-position:0 -2230px!important}.bds_sdo{background-position:0 -2270px!important}.bds_qingbiji{background-position:0 -2310px!important}.bds_people{background-position:0 -2350px!important}.bds_kanshou{background-position:0 -2390px!important}.bds_xinhua{background-position:0 -2430px!important}.bds_yaolan{background-position:0 -2470px!important}.bds_isohu{background-position:0 -2510px!important}.bds_bdysc{background-position:0 -2550px!important}.bds_ibaidu{background-position:0 -2590px!important}#bdshare .bds_fl5,#bdshare .bds_buzz,#bdshare .bds_zx{display:none}JS源码
1bds_s_v2.js
var bdSharebdShare||{version:1.0};(function(){var Pnew Date().getTime();var Nnew Date().getTime();var Lnew Date().getTime();var Fwindow,Vdocument,XV.body,RV.documentElement,A{},G,IV.title,h[],O,C{},SV.getElementById(bdshare_js).attributes.data,K/MSIE 6.0/.test(navigator.userAgent),gV.compatMode!CSS1Compat,SS.nodeValue.replace(/amp;/g,).split()||;try{var YF.location||V.location;A.hrefY.href;A.searchY.search;A.hashY.hash;A.protocolY.protocol;A.hostnameY.hostname;A.pathnameY.pathname;GencodeURIComponent(A.href)}catch(f){setTimeout(function(){var BF.location||V.location;A.hrefB.href;A.searchB.search;A.hashB.hash;A.protocolB.protocol;A.hostnameB.hostname;A.pathnameB.pathname;GencodeURIComponent(A.href)},0)}for(var cS.length;c--;){var bS[c].split();h[b[0]]b[1]}var Z{bdPref:bds_,bdNums:h.mini?7:15,bdMini:h.mini||false,bdType:h.type||,bdLeft:h.pos||right,bdTitle:\u5206\u4eab\u5230,bdText:I,weiboText:,bdMore:\u66f4\u591a...,bdPopTitle:\u5206\u4eab\u5230,bdImg:h.img||0,bdImgW:24,bdTop:0,bdIds:bdshare,bdIdsl:h.mini?bdshare_m:bdshare_l,bdUid:h.uid||,bdPic:,searchPic:h.searchPic||0,bdComment:,bdDesc:,wbUid:,tongji:on,review:on,render:true,snsKey:{},bdHost:http://bdimg.share.baidu.com/static/,bdJump:http://share.baidu.com/,bdApi:http://api.share.baidu.com/,bdStatistics:http://share.baidu.com/commit,bdCommit:http://s.share.baidu.com/,bdMshare:http://s.share.baidu.com/mshare,bdCout:http://nsclick.baidu.com/v.gif?pid307,bdWList:([http|https]://[a-zA-Z0-9_.].baidu.com),bdList:[mshare,\u4e00\u952e\u5206\u4eab,mshare,qzone,QQ\u7a7a\u95f4,qqkj,tsina,\u65b0\u6d6a\u5fae\u535a,xlwb,bdysc,\u767E\u5EA6\u4E91\u6536\u85CF,bdysc,renren,\u4eba\u4eba\u7f51,rrw,tqq,\u817e\u8baf\u5fae\u535a,txwb,bdxc,\u767e\u5ea6\u76f8\u518c,bdxc,kaixin001,\u5f00\u5fc3\u7f51,kxw,tqf,\u817e\u8baf\u670b\u53cb,txpy,tieba,\u767e\u5ea6\u8d34\u5427,bdtb,douban,\u8c46\u74e3\u7f51,db,tsohu,\u641c\u72d0\u5fae\u535a,shwb,bdhome,\u767e\u5ea6\u65b0\u9996\u9875,bdhome,sqq,QQ\u597D\u53CB,sqq,thx,\u548c\u8baf\u5fae\u535a,thx,qq,QQ\u6536\u85cf,qqsc,ibaidu,\u767E\u5EA6\u4E2A\u4EBA\u4E2D\u5FC3,ibaidu,taobao,\u6211\u7684\u6dd8\u5b9d,tjh,hi,\u767e\u5ea6\u7a7a\u95f4,bdkj,baidu,\u767E\u5EA6\u641C\u85CF,bdsc,sohu,\u641c\u72d0\u767d\u793e\u4f1a,shbsh,t163,\u7f51\u6613\u5fae\u535a,wywb,qy,\u5947\u827a\u5947\u8c08,qyqt,meilishuo,\u7f8e\u4e3d\u8bf4,mls,mogujie,\u8611\u83c7\u8857,mgj,diandian,\u70b9\u70b9\u7f51,diandian,huaban,\u82b1\u74e3,huaban,leho,\u7231\u4e50\u6d3b,leho,share189,\u624B\u673A\u5FEB\u4F20,share189,duitang,\u5806\u7cd6,duitang,hx,\u548c\u8baf,hexun,tfh,\u51e4\u51f0\u5fae\u535a,fhwb,fx,\u98de\u4fe1,feixin,youdao,\u6709\u9053\u4e91\u7b14\u8bb0,youdao,sdo,\u9EA6\u5E93\u8BB0\u4E8B,sdo,qingbiji,\u8F7B\u7B14\u8BB0,qingbiji,ifeng,\u51E4\u51F0\u5FEB\u535A,ifeng,people,\u4EBA\u6C11\u5FAE\u535A,people,xinhua,\u65B0\u534E\u5FAE\u535A,xinhua,ff,\u996d\u5426,fanfou,mail,\u90ae\u4ef6\u5206\u4eab,mail,kanshou,\u641C\u72D0\u968F\u8EAB\u770B,kanshou,isohu,\u6211\u7684\u641C\u72D0,isohu,yaolan,\u6447\u7BEE\u7A7A\u95F4,yaolan,wealink,\u82e5\u90bb\u7f51,wealink,xg,\u9c9c\u679c,xianguo,ty,\u5929\u6daf\u793e\u533a,tianya,iguba,\u80A1\u5427,iguba,fbook,Facebook,facebook,twi,Twitter,twitter,deli,delicious,delicious,s51,51\u6E38\u620F\u793e\u533a,51shequ,s139,139\u8bf4\u5ba2,shuoke,linkedin,linkedin,LinkedIn,copy,\u590d\u5236\u7f51\u5740,kaobei,print,\u6253\u5370,print]}||{},J{_parseJson:function(j){if(typeof j!string){return j}jj.replace(/^\s*{|}\s*$/g,);var ej.split(,);var k{};function D(r){if(r.indexOf({)0){return J._parseJson(r)}else{var qr.split(.);var swindow;for(var p0,oq.length;po;p){var tq[p];if(typeof sobjectt in s){ss[t]}else{return r}}return s}}for(var T0,We.length;TW;T){var ne[T];var Un.indexOf(:);if(U){var mn.substring(0,U).replace(/^\s*[\\]?|[\\]?\s*$/g,);var Bn.substring(U1).replace(/^\s*/g,);var lB.charAt(0);if(l||l){do{var EB.replace(/\s*$/g,);if(E.substring(E.length-1)l){break}else{BB,e[T]}}while(Te.length-1);BB.replace(/^\s*[\\]?|[\\]?\s*$/g,)}else{if(l{){do{var EB.replace(/\s*$/g,);if(E.substring(E.length-1)}){break}else{BB,e[T]}}while(Te.length-1);BD(B)}else{if(!/^[0-9]*$/.test(B)){BD(B)}else{BB.replace(/^\s*[\\]?|[\\]?\s*$/g,)}}}k[m]B}}return k},_createScriptTag:function(D,B,E){D.setAttribute(type,text/javascript);ED.setAttribute(charset,E);D.setAttribute(src,B);document.getElementsByTagName(head)[0].appendChild(D)},_removeScriptTag:function(D){if(D.clearAttributes){D.clearAttributes()}else{for(var B in D){if(D.hasOwnProperty(B)parentNode!B){delete D[B]}}}if(DD.parentNode){D.parentNode.removeChild(D)}Dnull},callByBrowser:function(i,W,T){var Edocument.createElement(SCRIPT),U0,lT||{},Dl.charset,kW||function(){},jl.timeOut||0,B;E.onloadE.onreadystatechangefunction(){if(U){return }var eE.readyState;if(undefinedtypeof e||eloaded||ecomplete){U1;try{k();clearTimeout(B)}finally{E.onloadE.onreadystatechangenull;J._removeScriptTag(E)}}};if(j){BsetTimeout(function(){E.onloadE.onreadystatechangenull;J._removeScriptTag(E);l.onfailurel.onfailure()},j)}J._createScriptTag(E,i,D)},on:function(E,B,D){if(E.addEventListener){E.addEventListener(B,D,false)}else{if(E.attachEvent){E.attachEvent(onB,D)}}},unon:function(E,B,D){if(E.removeEventListener){E.removeEventListener(B,D,false)}else{if(E.detachEvent){E.detachEvent(onB,D)}}},html:function(D,B){var TV.createElement(B||div);for(var E in D){Estyle?T[E].cssTextD[E]:T[E]D[E]}if(Blink){V.getElementsByTagName(head)[0].appendChild(T)}else{return X.insertBefore(T,(Biframe?X.firstChild:O.nextSibling))}},list:function(E){var TZ.bdPref,BE.split(,),WB[1],D#,UTB[0] B[2];return{name:W,url:D,cls:U}},list_s:function(j){var i[],Uinner,WZ,BW.bdList,EW.bdNums,e(W.bdNumsB.length)?lia href# classbds_moreW.bdMore/a/li:;while(E--){UJ.list(B[E]),i.push(a hrefU.url classU.clsU.name/a)}inneriframe idbdsIfr styleposition:absolute;display:none;z-index:9999; frameborder0/iframe;innerdiv idW.bdIdsldiv idW.bdIdsl_ch6W.bdTitle/h6;innerullii.reverse().join(/lili)/lie/ulpa href# classgoWebsite\u767e\u5ea6\u5206\u4eab/a/p/div/div;if(j){var TJ.html({id:bdshare_s,innerHTML:inner,style:display:none});T.style.displayblock;var DJ.children(T);TD[D.length-1];J.on(T,mouseover,function(p){var pp||window.event;var op.target||p.srcElement;var nJ.getPosition(o);var mp.relatedTarget||p.fromElement;var lJ.getMousePos(p);var kl.x-n.l;var ql.y-n.t;o.buttontype1;o.xk;o.yq;if(J.contains(T,m)){return }T.timenew Date})}else{return inner}},scroll:function(B,D){J.on(F,scroll,function(W){var EJ.getSize(),TZ,UT.bdTop;if(T.bdTypeslide){if(K||g){J.setAttr(V.getElementById(T.bdIdsl),display:block);_bdS.style.top(E.t(U0?(E.h/2-(V.getElementById(T.bdIdsl).offsetHeight-11)/2):parseInt(U)))px}else{if(T.bdTop!0){_bdS.style.topparseInt(T.bdTop)px}}}if(Dpop(K||g)){B.style.top(E.tE.h/2-B.offsetHeight/2)px;J.setAttr(O,top:B.style.top)}})},getSize:function(){return{t:(X.scrollTop||R.scrollTop),l:(X.scrollLeft||R.scrollLeft),w:(R.clientWidth||X.clientWidth),h:(F.innerHeight||R.clientHeight||X.clientHeight)}},getPosition:function(q){var uJ.getSize(),Dq,n{t:0,l:0},B/gecko/.test(navigator.userAgent),mfunction(o,e){n.to,n.le};if(DD!X){if(D.getBoundingClientRect){var pD.getBoundingClientRect(),rq.ownerDocument,Wr.body,Tr.documentElement,ET.clientTop||W.clientTop||0,kT.clientLeft||W.clientLeft||0;if(p.topp.bottom){var UD.style.display;D.style.displayblock;D.style.displayU}m(p.topu.t-E,p.leftu.l-k)}else{var lV.defaultView;while(D){m(D.offsetTop,D.offsetLeft);var jl.getComputedStyle(D,null);if(B){var iparseInt(j.getPropertyValue(border-left-width),10)||0,tparseInt(j.getPropertyValue(border-top-width),10)||0;m(t,i);if(D!qj.getPropertyValue(overflow)!visible){m(t,i)}}DD.offsetParent}Dq.parentNode;while(DD!X){m(-D.scrollTop,-D.scrollLeft);DD.parentNode}}}return n},setAttr:function(E,D){var TD.split(;),BT.length;while(B--){if(T[B]){var UT[B].split(:);if(U){E.style[U[0]]U[1]}}}},children:function(E){for(var B[],DE.firstChild;D;DD.nextSibling){if(D.nodeType1){B.push(D)}}return B},generateRandom:function(U,W){var BU.length;var E;for(var D1;DW;D){var TMath.floor(B*Math.random());EEU.charAt(T)}return E},generateLinkid:function(){var D(new Date).toString(36);var BJ.generateRandom(0123456789abcdefghijklmnopqrstuvwxyz,3);return DB},contains:function(D,E){if(!E||!D){return false}if(DE){return true}var BE.parentNode;while(B!nulltypeof (B.tagName)!undefind){if(BD){return true}BB.parentNode}return false},getMousePos:function(B){if(B.pageX||B.pageY){return{x:B.pageX,y:B.pageY}}if(document.documentElementdocument.documentElement.scrollTop){return{x:B.clientXdocument.documentElement.scrollLeft-document.documentElement.clientLeft,y:B.clientYdocument.documentElement.scrollTop-document.documentElement.clientTop}}else{if(document.body){return{x:B.clientXdocument.body.scrollLeft-document.body.clientLeft,y:B.clientYdocument.body.scrollTop-document.body.clientTop}}}},_isCookieValidKey:function(B){return(new RegExp(^[^\\x00-\\x20\\x7f\\(\\),;:\\\\\\\\[\\]\\?\\{\\}\\/\\u0080-\\uffff]\x24)).test(B)},getCookieRaw:function(D){if(J._isCookieValidKey(D)){var Enew RegExp((^| )D([^;]*)(;|\x24)),BE.exec(document.cookie);if(B){return B[2]||null}}return null},setCookieRaw:function(E,T,D){if(!J._isCookieValidKey(E)){return }DD||{};var BD.expires;if(numbertypeof D.expires){Bnew Date();B.setTime(B.getTime()D.expires)}document.cookieET(D.path?; pathD.path:)(B?; expiresB.toGMTString():)(D.domain?; domainD.domain:)(D.secure?; secure:)},getCookie:function(B){var DJ.getCookieRaw(B);if(stringtypeof D){DdecodeURIComponent(D);return D}return null},setCookie:function(D,E,B){J.setCookieRaw(D,encodeURIComponent(E),B)},log:(function(){var B[];return function(D){var Tbdsharelog__(new Date()).getTime(),EB[T]new Image();E.onload(E.onerrorfunction(){B[T]null});E.srcD;Enull}})()},Mfunction(B){var DV.createElement(link);bdShare.velocitybdShare.velocity||{};bdShare.velocity.cssLoadStartnew Date();D.onloadfunction(){bdShare.velocity.cssLoadEndnew Date()};D.hrefZ.bdHostcss/bdsstyle.css?cdnversion20131219;D.relstylesheet;D.typetext/css;V.getElementsByTagName(head)[0].appendChild(D);OO||J.html({style:display:none;(B||),frameBorder:0},iframe)},Qfunction(j,n,m,B){var l/(#\d\-[a-zA-Z\d]\-\d\-\d\-[a-f\d]{32}$)/g,T(A.searchA.hash).replace(//g,#),DT.match(l)||,onew RegExp(Z.bdWList,ig),eA.protocol//A.hostnameA.pathnameA.search;if(o.test(A.href)Dtypeof jundefined){return }var k[];if(bdShare.fn.b.length0){k.push(button)}if(bdShare.fn.t.length0){k.push(tools)}if(bdShare.fn.conf.bdType){k.push(bdShare.fn.conf.bdType)}var W(function(){for(var s0,qk.length,t{},r[];sq;s){!(k[s] in t)r.push(k[s])(t[k[s]])}return r.join(,)})();if(Z.tongjion||D!||typeof j!undefined){if(D!j!3072){DD.toString().replace(#,);(new Image()).srcZ.bdCommitback?urlencodeURIComponent(e)signencodeURIComponent(D)titleencodeURIComponent(I.substr(0,300))}bdShare.velocitybdShare.velocity||{};bdShare.velocity.mainJsLoadednew Date();if(typeof j!undefined){(new Image()).srcZ.bdCouttypejsignDuidZ.bdUiddesturlencodeURIComponent(V.referrer)linkidHbuttonW}else{var p[0,0,0,0];for(var E0,Uk.length;EU;E){p[{tools:0,button:1,slide:2}[k[E]]]1}bdShare._LogPoolbdShare._LogPool||[];bdShare._LogPool.push({key:cite,api:{uid:Z.bdUid||,linkid:H,type:parseInt(p.reverse().join(),2),mini:Z.bdMini?1:0}})}}},d{create:function(){var iZ,ki.bdList,Dk.length,T[],E,lJ.getSize(),BV.getElementById(i.bdIds_pop),e((K||g)?absolute:fixed),j((K||g)?l.t:0);if(!B){while(D--){EJ.list(k[D]),T.push(a hrefE.url classE.clsE.name/a)}var WJ.html({id:i.bdIds_pop,style:position:e,innerHTML:divh5/h5ulliT.reverse().join(/lili)/li/ulpa href# classgoWebsite\u767e\u5ea6\u5206\u4eab/a/p/div});a.bind(W,mouseover,a);a.bind(W,click,b,function(){W.style.displaynone;O.style.displaynone});J.on(W,mouseover,function(r){var rr||window.event;var qr.target||r.srcElement;var pJ.getPosition(q);var nJ.getMousePos(r);var mn.x-p.l;var sn.y-p.t;q.buttontype2;q.xm;q.ys;var or.relatedTarget||r.fromElement;if(J.contains(W,o)){return }W.timenew Date})}var UW||B;U.getElementsByTagName(h5)[0].innerHTML(C.title||i.bdPopTitle)bnbsp;/b;J.setAttr(U,display:block;);J.setAttr(U,left:(l.w/2-U.offsetWidth/2)px;top:(jl.h/2-U.offsetHeight/2)px);J.setAttr(O,position:e;display:block;z-index:10000;width:U.offsetWidthpx;height:U.offsetHeightpx;left:U.style.left;top:U.style.top);J.scroll(U,pop);J.on(F,resize,function(o){var mJ.getSize(),nleft:(m.w/2-U.offsetWidth/2)px;top:(jm.h/2-U.offsetHeight/2)px;J.setAttr(U,n);J.setAttr(O,n)});if(i.bdType!slide){V.getElementById(Z.bdIdsl).style.displaynone;V.getElementById(bdsIfr).style.displaynone}window.bdShareActivitybdShareActivity.check()}},a{bind:function(D,B,U,T){var Ethis;D.addEventListener?D.addEventListener(B,function(W){return E._action(W,W.target,U,D,T)},false):D.attachEvent(onB,function(W){WF.event;return E._action(W,W.srcElement,U,D,T)})},_action:function(W,B,i,U,T){if(B.nodeNamei.toUpperCase()){if(ia||ispan){var jB.className,DjgoWebsite?j:j.split( )[0].split(_)[1],Ethis;if(D){(Dmoreispan)?E._tools():B.onclickfunction(k,e){return function(p){var pp||window.event;var op.target||p.srcElement;var nJ.getPosition(o);var mJ.getMousePos(p);var lm.x-n.l;var qm.y-n.t;if(kmore){E._tools()}else{if(kcopy){E._copy(E)}else{if(kprint){E._print()}else{E._jump(k,e,B,l,q)}}}return false}}(D,U)}return false}if(typeof Tfunction){T()}}if(typeof W.preventDefaultfunction){W.preventDefault();W.stopPropagation()}else{W.returnValuefalse;W.cancelBubbletrue}},_tools:function(){Q(3072);d.create()},_copy:function(D){_thisD;var Bnew _this._browsers();if(B.nameIE){window.clipboardData.setData(text,document.title A.href);alert(\u6807\u9898\u548c\u94fe\u63a5\u590d\u5236\u6210\u529f\uff0c\u60a8\u53ef\u4ee5\u63a8\u8350\u7ed9QQ/MSN\u4e0a\u7684\u597d\u53cb\u4e86\uff01)}else{window.prompt(\u60a8\u4f7f\u7528\u7684\u662f\u975eIE\u6838\u5fc3\u6d4f\u89c8\u5668\uff0c\u8bf7\u6309\u4e0b CtrlC \u590d\u5236\u4ee3\u7801\u5230\u526a\u8d34\u677f,document.title A.href)}},_mail:function(B){},_print:function(){var Bdocument.getElementById(bdshare_pop);B(B.style.displaynone);window.print();B(B.style.displayblock);return },_jump:function(AX,AW,B,AE,AD){var AVZ,ACAV.bdPic,WAV.bdText,AAAV.weiboText,AMAV.wbUid,eG,ALAV.bdDesc,vAV.bdComment,pAV.bdMiniWindow||0;C(AW.getAttribute(data)AW.getAttribute(data)!)?J._parseJson(AW.getAttribute(data)):C;if(C!){ACencodeURIComponent(C.pic||)||AC;eencodeURIComponent(C.url||)||e;vencodeURIComponent(C.comment||)||v;ALencodeURIComponent(C.desc||)||AL;AMC.wbuid||AM;if(AXtsina){if(C.textC.weibotext){WencodeURIComponent((C.textC.weibotext).substr(0,300))}else{if(C.weibotext){WencodeURIComponent((WC.weibotext).substr(0,300))}else{if(C.text){WencodeURIComponent((C.textAA).substr(0,300))}else{WencodeURIComponent((WAA).substr(0,300))}}}}else{WencodeURIComponent((C.text||).substr(0,300))||encodeURIComponent(W.substr(0,300))}}else{if(AXtsina){WencodeURIComponent((WAA).substr(0,300))}else{WencodeURIComponent(W.substr(0,300))}}Lnew Date().getTime()3000;var APP.toString(32)N.toString(32)L.toString(32);var AZB.buttontype;var UMath.floor(bdShare.XY.loadedX);var TMath.floor(bdShare.XY.loadedY);var oAZ0?1:0;var AIMath.floor(B.x);var AFMath.floor(B.y);var jMath.floor(AE);var iMath.floor(AD);var AGMath.floor(B.offsetWidth);var ASMath.floor(B.offsetHeight);var qdocument.body.offsetWidth;var ABdocument.body.offsetHeight;var uwindow.screen.availWidth;var AHwindow.screen.availHeight;var nAZ;var AJnew Date;AJAJ-AW.time;var k[U,T,o,AI,AF,j,i,AG,AS,n,AJ,q,AB,u,AH].join(.);var D;switch(Z.bdType){casebutton:D1;break;caseslide:D2;break;default:D0;break}var AYAXmail?_mail:AX;var r?click1urleuidAV.bdUidtoAYtypetextrelateUidAMpicACtitleWkey(AV.snsKey[AX]||)signAV.reviewdescALcommentvsearchPicAV.searchPiclAPlinkidHslockapiType0buttonTypeDfirstimeJ.getCookie(bdshare_firstime);if(AXmshare){var AUAV.bdMsharer}else{var AUAV.bdCommitr}var zAV.bdCommitcommitrtMath.random();if(AX!goWebsite){bdShare.fn._getSc(share);var ARfunction(){var l[];return function(s){var ml.push(new Image)-1;l[m].onloadfunction(){l[m]l[m].onloadnull};l[m].srcs}}();setTimeout(function(){AR(z)},1500);if(AXbdxc){var ATwindow,AUdocument,AO_bdXC,AK;if(AT[AO]){if(window._bdXC_loaded){AT[AO].reInit()}}else{AKAU.createElement(script);AK.setAttribute(charset,utf-8);AK.srchttp://xiangce.baidu.com/zt/collect/mark.js?(new Date()).getTime();AU.getElementsByTagName(head)[0].appendChild(AK)}}else{if(AXbdysc){var E{url:e,title:W};if(window.baiduSC_yaq4d3elabjnvmijccc1zuo3o4yeizck){window.baiduSC_yaq4d3elabjnvmijccc1zuo3o4yeizck.go(E)}else{window.baiduSC_yaq4d3elabjnvmijccc1zuo3o4yeizck{callback:function(){this.go(E)}};var ANdocument.createElement(script);AN.srchttp://s.wenzhang.baidu.com/js/pjt/content_ex/page/bookmark.js?sbaidu_fenxiang_tMath.random();document.getElementsByTagName(body)[0].appendChild(AN)}}else{if(AXmail){var AQZ.bdCommitsendmail;window.open(AQr,_blank)}else{if(1p){F.open(AU,bdShare,toolbar0, scrollbars1, status0, resizable1, height400, width600)}else{F.open(AU)}}}}}else{F.open(AV.bdJump)}},_browsers:function(){var D{};var Bnavigator.userAgent.toLowerCase();var T,E;if(B.match(/msie ([\d.])/)){EB.match(/msie ([\d.])/);D.nameIE;D.versionE[1]}else{if(B.match(/firefox\/([\d.])/)){EB.match(/firefox\/([\d.])/);D.namefirefox;D.versionE[1]}else{if(B.match(/chrome\/([\d.])/)){EB.match(/chrome\/([\d.])/);D.namechrome;D.versionE[1]}else{if(B.match(/opera.([\d.])/)){EB.match(/opera.([\d.])/);D.nameopera;D.versionE[1]}else{if(B.match(/safari.([\d.])/)){EB.match(/safari.([\d.])/);D.namesafari;D.versionE[1]}else{D.name\u672a\u77e5\u7684\u6d4f\u89c8\u5668;D.version\u672a\u77e5\u7684\u7248\u672c\u53f7}}}}}return D}};var HJ.generateLinkid();bdShare.fn(function(){return{init:function(){Nnew Date().getTime()1000;this.b[];this.t[];this.s[];this.typeload;this._getShare();var Ethis;if(typeof bds_config!undefined){for(var k in bds_config){if(kbdPopTitle||kbdText||kweiboText||kbdPic||kwbUid||ktongji||krender||ksnsKey||kreview||kbdComment||kbdDesc||kbdTop||ksearchPic||kbdUrl||kbdMiniWindow){if(ksnsKey){Z[k]J._parseJson(bds_config[k])}else{Z[k](krender||kbdPopTitle||kbdText||kweiboText)?bds_config[k]:encodeURIComponent(bds_config[k])}}}}this.confZ;this.imgWZ.bdImgW;if(this.conf.render){if(this.b.length0||this.t.length0){this._share()}if(this.conf.bdTypeslide){this._slide()}}this._getSc(this.type);var Wthis.t;for(var U0;UW.length;U){var eW[U].getElementsByTagName(a);for(var T0;Te.length;T){!(e[T].getAttribute(href))e[T].setAttribute(href,#)}}bdShare.XYbdShare.XY||{};function D(j){var jj||window.event;var iJ.getMousePos(j);bdShare.XY.loadedXi.x;bdShare.XY.loadedYi.y;if(bdShare.XY.loadedX0bdShare.XY.loadedY0){J.unon(document,mousemove,D)}}J.on(document,mousemove,D);for(var U0,Bthis.t.length;UB;U){(function(i){var ji;J.on(E.t[i],mouseover,function(q){var qq||window.event;var pq.target||q.srcElement;var oJ.getPosition(p);var mJ.getMousePos(q);var lm.x-o.l;var rm.y-o.t;p.buttontype0;p.xl;p.yr;var nq.relatedTarget||q.fromElement;if(J.contains(E.t[j],n)){return }E.t[j].timenew Date})})(U)}Q();if(J.getCookie(bdshare_firstime)null){J.setCookie(bdshare_firstime,new Date()*1,{path:/,expires:new Date().setFullYear(2022)-new Date()})}},_getSc:function(D){this.typeD;var EV.querySelectorAll?V.querySelectorAll(.shareCount):V.getElementsByTagName(*),BE.length;while(B--){if(/\sshareCount|shareCount\s|shareCount$/.test(E[B].className)){this.s.push(E[B])}}if(this.s.length0){J.callByBrowser(this.conf.bdApigetnum?urlGcallbackbdShare.fn._getSharetypeDtnew Date().getTime())}},_getShare:function(T){var ET?true:false,j[];if(V.querySelectorAll){this.bV.querySelectorAll(.bdshare_b);this.tV.querySelectorAll(.bdshare_t)}else{var iV.getElementsByTagName(*),Di.length;while(D--){var Ui[D];if(/\sbdshare_t|bdshare_t\s/.test(U.className)){this.t.push(U)}if(/\sbdshare_b|bdshare_b\s|bdshare_b$/.test(U.className)){this.b.push(U)}}}if(E){var jthis.s,Bj.length,W;while(B--){if(/\sshareCount|shareCount\s|shareCount$/.test(j[B].className)){Wthis.typeshare?(T.num[0]10000?parseInt(j[B].innerHTML)1:T.num[1]):(T.errno*10?T.num[1]:0);j[B].innerHTMLdecodeURI(W);j[B].setAttribute(title,\u7d2f\u8ba1\u5206\u4eabT.num[0]\u6b21);j[B].onclickfunction(){d.create()}}}this.s[]}},_share:function(){J.list_s(true);var ithis.b,qthis.t,Di.length,rq.length,BV.getElementById(this.conf.bdIdsl),EV.getElementById(bdsIfr),kthis.conf.bdList,nk.length;J.setAttr(B,display:none;);a.bind(B,mouseover,a);if(D0){while(D--){if(i[D].idbdshare){a.bind(i[D],click,img,function(){d.create()});a.bind(i[D],mouseover,a,function(){d.create()});this._s(i[D],B,E,i[D],b)}}}if(r0){while(r--){if(q[r].idbdshare){a.bind(q[r],click,span,function(){d.create()});a.bind(q[r],mouseover,a);var jJ.children(q[r]),Uj.length,u;while(U--){var ej[U];if(/bds_more/.test(e.className)){uj[U];if(g){u.style.height(/bds_tools_32/.test(q[r].className)?38:17)px}this._s((u?q[r]:u),B,E,q[r],u)}else{for(var T0;Tn;T){if(k[T]){var Wk[T].split(,),onew RegExp(this.conf.bdPrefW[0]$,ig);if(k[T]){var Wk[T].split(,),onew RegExp(this.conf.bdPrefW[0]$,ig);if(o.test(e.className)){if(W[1]拷贝){e.title复制网址}else{if(!e.title){e.title\u5206\u4eab\u5230W[1]}}}}}}}}}}}},_s:function(W,B,D,U,j){var Ethis,T[],i,e(j?none:block);this._popShow(W,{over:function(k){TJ.getPosition(W);C(U.getAttribute(data)U.getAttribute(data)!)?J._parseJson(U.getAttribute(data)):;J.setAttr(B,display:e);J.setAttr(B,left:(((J.getSize().w-k.clientX)B.offsetWidth)?(T.l-B.offsetWidthW.offsetWidth):T.l)px);J.setAttr(B,top:(((J.getSize().h-k.clientY)B.offsetHeight)?(T.t-B.offsetHeight):T.tW.offsetHeight)px);J.setAttr(D,display:e;width:B.offsetWidthpx;height:B.offsetHeightpx;left:B.style.left;top:B.style.top)},out:function(k){isetTimeout(function(){B.style.displaynone;D.style.displaynone},100);E._popShow(B,{over:function(){clearTimeout(i);B.style.displayblock;D.style.displayblock},out:function(){B.style.displaynone;D.style.displaynone}})}})},_slide:function(){if(!F._bdS){var kthis.conf.bdLeftright?left:right,ethis.conf.bdHostimages/this.conf.bdLeft.substring(0,1)this.conf.bdImg.gif;F._bdSJ.html({id:this.conf.bdIds,innerHTML:img srce alt stylefloat:k;margin-top:58px;/J.list_s(false)});var DJ.children(_bdS);var BD[D.length-1];J.on(B,mouseover,function(s){var ss||window.event;var rs.target||s.srcElement;var qJ.getPosition(r);var ps.relatedTarget||s.fromElement;var oJ.getMousePos(s);var mo.x-q.l;var to.y-q.t;r.buttontype1;r.xm;r.yt;if(J.contains(B,p)){return }B.timenew Date})}var jthis,E_bdS,nJ.getSize(),lV.getElementById(this.conf.bdIdsl),TV.getElementById(bdsIfr),W(!K!g)?fixed:absolute,i(K?n.t:0)(this.conf.bdTop0?(n.hl.offsetHeight?-40:(n.h/2-l.offsetHeight/2)):parseInt(this.conf.bdTop));J.setAttr(E,overflow:hidden;height:330px;position:W;top:ipx;this.conf.bdLeft:0;((kright)?k:(n.w-this.imgW)px:));J.setAttr(l,k:this.imgWpx;display:none);a.bind(E,click,img,function(){Q(3072);d.create()});a.bind(E,mouseover,img,U);a.bind(l,mouseover,a);function U(){J.setAttr(l,display:block;);if((l.offsetWidthj.imgW)E.offsetWidth){return }tmsetTimeout(function(){if((l.offsetWidthj.imgW)!E.offsetWidth){j._move(E,0,j.imgW,l.offsetWidth,T)}},100);j._popShow(l,{over:function(){J.setAttr(T,height:l.offsetHeightpx;j.conf.bdLeft:0;top:0;display:block)},out:function(){}});j._popShow(E,{over:function(){},out:function(){if(E.offsetWidth(l.offsetWidthj.imgW)){clearTimeout(tm);j._move(E,0,l.offsetWidthj.imgW,-l.offsetWidth,T)}T.style.displaynone}})}J.scroll(E,slide);J.on(F,resize,function(){J.setAttr(E,((kright)?k:(J.getSize().w-j.imgW)px:))})},_move:function(B,j,e,T,D){var iB.style,WD.style,Uthis,E6;setInterval(function(){if(jE){j;i.widthMath.ceil(T*j/Ee)px;W.widthMath.ceil(T*j/Ee)-U.imgWpx}else{return }},10)},_popShow:function(T,B){if(V.all){T.onmouseenterfunction(U){E(F.event)};T.onmouseleaveD}else{T.onmouseoverfunction(U){U.relatedTargetnull?E(U):(!(thisU.relatedTarget||this.compareDocumentPosition(U.relatedTarget)20)E(U))};T.onmouseoutfunction(U){U.relatedTargetnull?D(U):(!(thisU.relatedTarget||this.compareDocumentPosition(U.relatedTarget)20)D(U))}}function E(U){B.over(U)}function D(U){B.out(U)}}}})();M();bdShare.fn.init()})();2logger.js
var bdSharebdShare||{};bdShare._LogPoolbdShare._LogPool||[],bdShare.ApiPVLogger||function(e){function u(e,t){var n[];for(var r in t){var itypeof t[r];i!functioni!objectt.hasOwnProperty(r)n.push(e_rt[r])}return n.join()}function a(){var ebdShare._LogPool||[],t{};for(var ne.length-1;n0;n--){var re[n],it[r.key];i?(i.linkidi.linkid||r.api.linkid,i.type(i.type||0)|(r.api.type||0)):t[r.key]r.api}e[];for(var s in t)t.hasOwnProperty(s)e.push({key:s,api:t[s]});return bdShare._LogPoole,e}function f(){var ebdShare._LogPool||[],te.length;if(t0){ea(),te.length;var n[],i,snull,f[0,0,0,0,0,0,0,0];for(var l0;lt;l)se[l],f[r[s.key]]1,s.api.linkid(is.api.linkid,delete s.api.linkid),n.push(u(s.key,s.api));n.unshift(linkidi),n.unshift(apitypeparseInt(f.reverse().join(),2)),o(n.join())}}function c(){l!0,t.dom.ready(function(){setTimeout(function(){p(),h()},1e3)})}var t,ntn||{version:1.5.2.2};n.guid$BAIDU$,n.$$window[n.guid]window[n.guid]||{global:{}},n.ajaxn.ajax||{},n.fnn.fn||{},n.fn.blankfunction(){},n.ajax.requestfunction(e,t){function v(){if(d.readyState4){try{var ed.status}catch(t){g(failure);return}g(e),e200e300||e304||e1223?g(success):g(failure),window.setTimeout(function(){d.onreadystatechangen.fn.blank,s(dnull)},0)}}function m(){if(window.ActiveXObject)try{return new ActiveXObject(Msxml2.XMLHTTP)}catch(e){try{return new ActiveXObject(Microsoft.XMLHTTP)}catch(e){}}if(window.XMLHttpRequest)return new XMLHttpRequest}function g(e){eone;var tc[e],rn.ajax[e];if(t){hclearTimeout(h);if(e!onsuccess)t(d);else{try{d.responseText}catch(i){return t(d)}t(d,d.responseText)}}else if(r){if(eonsuccess)return;r(d)}}var rt||{},ir.data||,sr.async!!1,or.username||,ur.password||,a(r.method||GET).toUpperCase(),fr.headers||{},lr.timeout||0,c{},h,p,d;for(p in r)c[p]r[p];f[X-Requested-With]XMLHttpRequest;try{dm(),aGET(i(e(e.indexOf(?)0?:?)i,inull),r.noCache(e(e.indexOf(?)0?:?)b (new Date)1)),o?d.open(a,e,s,o,u):d.open(a,e,s),s(d.onreadystatechangev),aPOSTd.setRequestHeader(Content-Type,f[Content-Type]||application/x-www-form-urlencoded);for(p in f)f.hasOwnProperty(p)d.setRequestHeader(p,f[p]);g(beforerequest),l(hsetTimeout(function(){d.onreadystatechangen.fn.blank,d.abort(),g(timeout)},l)),d.send(i),s||v()}catch(y){g(failure)}return d},n.browsern.browser||{},function(){var enavigator.userAgent;n.browser.safari/(\d\.\d)?(?:\.\d)?\ssafari\/?(\d\.\d)?/i.test(e)!/chrome/i.test(e)?(RegExp.$1||RegExp.$2):undefined}(),n.browser.ien.ie/msie (\d\.\d)/i.test(navigator.userAgent)?document.documentMode||RegExp.$1:undefined,n.browser.opera/opera(\/| )(\d(\.\d)?)(.?(version\/(\d(\.\d)?)))?/i.test(navigator.userAgent)?(RegExp.$6||RegExp.$2):undefined,n.domn.dom||{},function(){var en.dom.readyfunction(){function r(){if(!r.isReady){r.isReady!0;for(var e0,nt.length;en;e)t[e]()}}function i(){try{document.documentElement.doScroll(left)}catch(e){setTimeout(i,1);return}r()}function s(){if(e)return;e!0;if(document.readyStatecomplete)r.isReady!0;else if(document.addEventListener)document.addEventListener(DOMContentLoaded,n,!1),window.addEventListener(load,r,!1);else if(document.attachEvent){document.attachEvent(onreadystatechange,n),window.attachEvent(onload,r);var t!1;try{twindow.frameElementnull}catch(s){}document.documentElement.doScrollti()}}var e!1,t[],n;return document.addEventListener?nfunction(){document.removeEventListener(DOMContentLoaded,n,!1),r()}:document.attachEvent(nfunction(){document.readyStatecomplete(document.detachEvent(onreadystatechange,n),r())}),s(),function(e){r.isReady?e():t.push(e)}}();e.isReady!1}(),t.undope!0;var r{cite:0,img:1,addto:2,video:3},iwindow.location||document.location,sfunction(){var e[];return function(t){var nbdsharelog__(new Date).getTime(),re[n]new Image;r.onloadr.onerrorfunction(){e[n]null},r.srct,rnull}}(),ofunction(e){var tdocument.body.offsetWidth,ndocument.body.offsetHeight,rwindow.screen.availWidth,iwindow.screen.availHeight,o[t,n,r,i].join(,),uhttp://nsclick.baidu.com/v.gif?pid307type3071scodesturlencodeURIComponent(document.referrer);s(ue)},l!1,hfunction(){var e(new Date),n{spendTime:0,scrollTop:0,viewHeight:0},r(new Date),ifunction(){var enew Date-r;if(en.spendTime){var tdocument.compatModeBackCompat?document.body:document.documentElement;n{spendTime:e,scrollTop:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,viewHeight:t.clientHeight}}rnew Date},ofunction(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvente.attachEvent(ont,n)},u0,a1e3;setInterval(function(){document.hasFocus()u},a),o(window,scroll,i),o(window,beforeunload,function(){var rnew Date-e;if(r0)return;i();var o[http://nsclick.baidu.com/v.gif?pid307,type3075,lr,tn.scrollTop,sn.spendTime,vn.viewHeight,fu*a,rencodeURIComponent(document.referrer),uencodeURIComponent(window.location.href)].join();/firefox\/(\d\.\d)/i.test(navigator.userAgent)?t.ajax.request(o,{async:!1,timeout:300}):s(o)})},pfunction(){var e0;return function(){if(bdShare.velocity(!bdShare.velocity.mainJsLoaded||!bdShare.velocity.cssLoadEnd)e3)setTimeout(p,1e3);else{if(bdShare.velocity){var tMath.max(bdShare.velocity.cssLoadEnd,bdShare.velocity.mainJsLoaded)-bdShare.velocity.start||0,nbdShare.velocity.cssLoadEnd-bdShare.velocity.cssLoadStart||0,rbdShare.velocity.mainJsLoaded-bdShare.velocity.start||0;bdShare._LogPool.length0bdShare._LogPool.push({key:velo,api:{load:t,cssload:n,jsLoad:r}})}f()}}}();e.ApiPVLogger{add:function(e,t){bdShare._LogPool.push({key:e,api:t})}},l||c()}(bdShare);注意
由于博客字数限制本篇文章只展示了部分代码
本项目的完整源码及素材关注私信我获取
最后祝大家平安夜快乐
