以下是 jQuery仿百度万年历代码下载js代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta content="always" name="referrer">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery仿百度万年历代码下载</title>
<link href="css/wnl.css" rel="stylesheet" type="text/css" />
<script>var TIME = {_: +new Date},newMinotor=1,So = {"comm":{"abv":"c","domain":"www.haosou.com","guid":"F665C375D00A4D05AEC63EEBE01F3C62.1420510460624","hasTantan":1,"isWarn":0,"isCtrl":0,"pid":"www","pn":1,"q":"\u65e5\u5386","pq":"\u65e5\u5386API","src":"srp","sug":1,"t":1440992461984,"ssurl":"https:\/\/p.ssl.haosou.com\/p\/","user":{"qid":"","imageId":"","showName":""},"monitor":{"ls":"0","qt":"77a2bcdb32614861","rf":"","sid":"8f8eac4c87d4327dda718b433abdc611","version":"1.3.3","cq":"","tg":0}},"web":{},"page":{"reload":[],"unload":[]},"onebox":{},"e":{}};</script>
<script>(function(e,t,n){var r=e.decodeURIComponent,i=e.location,s={"&":"&","<":"<",">":">",'"':""","'":"'"},o={amp:"&",lt:"<",gt:">",quot:'"',"#039":"'"},u={trim:function(e){return e.replace(/^[\s]+|[\s]+$/,"")},startsWith:function(e,t){return e.indexOf(t)===0},endsWith:function(e,t){return e.lastIndexOf(t)===e.length-t.length},contains:function(e,t){return e.indexOf(t)!==-1},escapeHTML:function(e){return typeof e!="string"?e:e.replace(/([<>'"])/g,function(e,t){return s[t]})},unescapeHTML:function(e){return typeof e!="string"?e:e.replace(/&(amp|lt|gt|quot|#039);/g,function(e,t){return o[t]})},parseQuery:function(e){if(e){var t=e.indexOf("?");t!=-1&&(e=e.substr(t+1))}e=e||i.search.substr(1);var n=e.split("&"),s={};for(var o=n.length-1,u,a,f;o>=0;o--){u=n[o].split("="),a=u[0],f=u[1];try{a=r(a),f=r(f)}catch(l){}s[a]=f}return s}};So.lib=u})(window,document),function(e){e.cookie=function(){function e(e,n){var r={};if(t(e)&&e.length>0){var s=n?o:i,u=e.split(/;\s/g),a,f,l;for(var c=0,h=u.length;c<h;c++){l=u[c].match(/([^=]+)=/i);if(l instanceof Array)try{a=o(l[1]),f=s(u[c].substring(l[1].length+1))}catch(p){}else a=o(u[c]),f="";a&&(r[a]=f)}}return r}function t(e){return typeof e=="string"}function n(e){return t(e)&&e!==""}function r(e){if(!n(e))throw new TypeError("Cookie name must be a non-empty string")}function i(e){return e}var s={},o=decodeURIComponent,u=encodeURIComponent;return s.get=function(t,n){r(t),typeof n=="function"?n={converter:n}:n=n||{};var s=e(document.cookie,!n.raw);return(n.converter||i)(s[t])},s.set=function(e,t,i){r(e),i=i||{};var s=i.expires,o=i.domain,a=i.path;i.raw||(t=u(String(t)));var f=e+"="+t,l=s;return typeof l=="number"&&(l=new Date,l.setTime(l.getTime()+s)),l instanceof Date&&(f+="; expires="+l.toUTCString()),n(o)&&(f+="; domain="+o),n(a)&&(f+="; path="+a),i.secure&&(f+="; secure"),document.cookie=f,f},s.remove=function(e,t){return t=t||{},t.expires=new Date(0),this.set(e,"",t)},s}()}(So.lib),function(e,t,n){function r(t,n,r){var i={pro:"so",pid:So.comm.pid||"",mod:t,abv:So.comm.abv||"",src:So.comm.src||""};if(n)for(prop in n)i[prop]=n[prop];e.monitor&&monitor.setConf("logUrl","//s.qhupdate.com/"+r+".gif").log(i,"log")}var i=e.decodeURIComponent,s=e.location;n.log=function(e,t,n){r(e,t,n||"so/click")},n.disp=function(e,t,n){r(e,t,n||"so/disp")},n.addCss=function(e){if(document.createStyleSheet){var t=document.createStyleSheet();t.cssText=e}else{var n=document.createElement("style");n.type="text/css",n.appendChild(document.createTextNode(e)),document.getElementsByTagName("HEAD")[0].appendChild(n)}},n.template=function(e,t){var n=new Function("obj","var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('"+e.replace(/[\r\t\n]/g," ").split("<%").join(" ").replace(/((^|%>)[^\t]*)'/g,"$1\r").replace(/\t=(.*?)%>/g,"',$1,'").split(" ").join("');").split("%>").join("p.push('").split("\r").join("\\'")+"');}return p.join('');");return t?n(t):n},n.sslReplace=function(e){return e?s.protocol=="https:"?e.replace(/http:\/\/p\d+\.qhimg\.com\//g,"https://p.ssl.qhimg.com/").replace(/http:\/\/u\.qhimg\.com\//g,"https://u.ssl.qhimg.com/").replace(/http:\/\/u1\.qhimg\.com\//g,"https://u1.ssl.qhimg.com/").replace(/http:\/\/p\d+\.so\.qhimg\.com\//g,"https://ps.ssl.qhimg.com/").replace(/http:\/\/s\d+\.qhimg\.com\//g,"https://s.ssl.qhimg.com/").replace(/http:\/\/quc\.qhimg\.com\//g,"https://quc.ssl.qhimg.com/"):e.replace(/http:\/\/s[02468]\.qhimg\.com\//g,"https://s.ssl.qhimg.com/").replace(/http:\/\/s[13579]\.qhimg\.com\//g,"https://s.ssl.qhimg.com/").replace(/http:\/\/p[02468]\.qhimg\.com\//g,"https://p.ssl.qhimg.com/").replace(/http:\/\/p[13579]\.qhimg\.com\//g,"https://p.ssl.qhimg.com/").replace(/http:\/\/p\d{2}\.qhimg\.com\//g,"https://p.ssl.qhimg.com/"):e},n.soLocalStorage=!1;try{n.soLocalStorage=window.localStorage}catch(o){}n.browser={};var u=t.documentElement.className||"",a=u.match(/\bie(\d+)\b/i);a&&(n.browser={ie:!0,version:a[1]})}(window,document,So.lib),function(win,doc,undefined){window.JSON=window.JSON||function(){var m={"\b":"\\b"," ":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},s={"boolean":function(e){return String(e)},number:function(e){return isFinite(e)?String(e):"null"},string:function(e){return/["\\\x00-\x1f]/.test(e)&&(e=e.replace(/([\x00-\x1f\\"])/g,function(e,t){var n=m[t];return n?n:(n=t.charCodeAt(),"\\u00"+Math.floor(n/16).toString(16)+(n%16).toString(16))})),'"'+e+'"'},object:function(e){if(e){var t=[],n,r,i,o,u;if(e instanceof Array){t[0]="[",o=e.length;for(i=0;i<o;i+=1)u=e[i],r=s[typeof u],r&&(u=r(u),typeof u=="string"&&(n&&(t[t.length]=","),t[t.length]=u,n=!0));t[t.length]="]"}else{if(!(e instanceof Object))return;t[0]="{";for(i in e)u=e[i],r=s[typeof u],r&&(u=r(u),typeof u=="string"&&(n&&(t[t.length]=","),t.push(s.string(i),":",u),n=!0));t[t.length]="}"}return t.join("")}return"null"}};return{copyright:"(c)2005 JSON.org",license:"http://www.crockford.com/JSON/license.html",stringify:function(e){var t=s[typeof e];if(t){e=t(e);if(typeof e=="string")return e}return null},parse:function(text){try{return!/[^,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test(text.replace(/"(\\.|[^"\\])*"/g,""))&&eval("("+text+")")}catch(e){return!1}}}}()}(window,document),So.lib.md5=function(){function e(e,t){var n=(e&65535)+(t&65535),r=(e>>16)+(t>>16)+(n>>16);return r<<16|n&65535}function t(e,t){return e<<t|e>>>32-t}function n(n,r,i,s,o,u){return e(t(e(e(r,n),e(s,u)),o),i)}function r(e,t,r,i,s,o,u){return n(t&r|~t&i,e,t,s,o,u)}function i(e,t,r,i,s,o,u){return n(t&i|r&~i,e,t,s,o,u)}function s(e,t,r,i,s,o,u){return n(t^r^i,e,t,s,o,u)}function o(e,t,r,i,s,o,u){return n(r^(t|~i),e,t,s,o,u)}function u(t,n){t[n>>5]|=128<<n%32,t[(n+64>>>9<<4)+14]=n;var u,a,f,l,c,h=1732584193,p=-271733879,d=-1732584194,v=271733878;for(u=0;u<t.length;u+=16)a=h,f=p,l=d,c=v,h=r(h,p,d,v,t[u],7,-680876936),v=r(v,h,p,d,t[u+1],12,-389564586),d=r(d,v,h,p,t[u+2],17,606105819),p=r(p,d,v,h,t[u+3],22,-1044525330),h=r(h,p,d,v,t[u+4],7,-176418897),v=r(v,h,p,d,t[u+5],12,1200080426),d=r(d,v,h,p,t[u+6],17,-1473231341),p=r(p,d,v,h,t[u+7],22,-45705983),h=r(h,p,d,v,t[u+8],7,1770035416),v=r(v,h,p,d,t[u+9],12,-1958414417),d=r(d,v,h,p,t[u+10],17,-42063),p=r(p,d,v,h,t[u+11],22,-1990404162),h=r(h,p,d,v,t[u+12],7,1804603682),v=r(v,h,p,d,t[u+13],12,-40341101),d=r(d,v,h,p,t[u+14],17,-1502002290),p=r(p,d,v,h,t[u+15],22,1236535329),h=i(h,p,d,v,t[u+1],5,-165796510),v=i(v,h,p,d,t[u+6],9,-1069501632),d=i(d,v,h,p,t[u+11],14,643717713),p=i(p,d,v,h,t[u],20,-373897302),h=i(h,p,d,v,t[u+5],5,-701558691),v=i(v,h,p,d,t[u+10],9,38016083),d=i(d,v,h,p,t[u+15],14,-660478335),p=i(p,d,v,h,t[u+4],20,-405537848),h=i(h,p,d,v,t[u+9],5,568446438),v=i(v,h,p,d,t[u+14],9,-1019803690),d=i(d,v,h,p,t[u+3],14,-187363961),p=i(p,d,v,h,t[u+8],20,1163531501),h=i(h,p,d,v,t[u+13],5,-1444681467),v=i(v,h,p,d,t[u+2],9,-51403784),d=i(d,v,h,p,t[u+7],14,1735328473),p=i(p,d,v,h,t[u+12],20,-1926607734),h=s(h,p,d,v,t[u+5],4,-378558),v=s(v,h,p,d,t[u+8],11,-2022574463),d=s(d,v,h,p,t[u+11],16,1839030562),p=s(p,d,v,h,t[u+14],23,-35309556),h=s(h,p,d,v,t[u+1],4,-1530992060),v=s(v,h,p,d,t[u+4],11,1272893353),d=s(d,v,h,p,t[u+7],16,-155497632),p=s(p,d,v,h,t[u+10],23,-1094730640),h=s(h,p,d,v,t[u+13],4,681279174),v=s(v,h,p,d,t[u],11,-358537222),d=s(d,v,h,p,t[u+3],16,-722521979),p=s(p,d,v,h,t[u+6],23,76029189),h=s(h,p,d,v,t[u+9],4,-640364487),v=s(v,h,p,d,t[u+12],11,-421815835),d=s(d,v,h,p,t[u+15],16,530742520),p=s(p,d,v,h,t[u+2],23,-995338651),h=o(h,p,d,v,t[u],6,-198630844),v=o(v,h,p,d,t[u+7],10,1126891415),d=o(d,v,h,p,t[u+14],15,-1416354905),p=o(p,d,v,h,t[u+5],21,-57434055),h=o(h,p,d,v,t[u+12],6,1700485571),v=o(v,h,p,d,t[u+3],10,-1894986606),d=o(d,v,h,p,t[u+10],15,-1051523),p=o(p,d,v,h,t[u+1],21,-2054922799),h=o(h,p,d,v,t[u+8],6,1873313359),v=o(v,h,p,d,t[u+15],10,-30611744),d=o(d,v,h,p,t[u+6],15,-1560198380),p=o(p,d,v,h,t[u+13],21,1309151649),h=o(h,p,d,v,t[u+4],6,-145523070),v=o(v,h,p,d,t[u+11],10,-1120210379),d=o(d,v,h,p,t[u+2],15,718787259),p=o(p,d,v,h,t[u+9],21,-343485551),h=e(h,a),p=e(p,f),d=e(d,l),v=e(v,c);return[h,p,d,v]}function a(e){var t,n="";for(t=0;t<e.length*32;t+=8)n+=String.fromCharCode(e[t>>5]>>>t%32&255);return n}function f(e){var t,n=[];n[(e.length>>2)-1]=undefined;for(t=0;t<n.length;t+=1)n[t]=0;for(t=0;t<e.length*8;t+=8)n[t>>5]|=(e.charCodeAt(t/8)&255)<<t%32;return n}function l(e){return a(u(f(e),e.length*8))}function c(e,t){var n,r=f(e),i=[],s=[],o;i[15]=s[15]=undefined,r.length>16&&(r=u(r,e.length*8));for(n=0;n<16;n+=1)i[n]=r[n]^909522486,s[n]=r[n]^1549556828;return o=u(i.concat(f(t)),512+t.length*8),a(u(s.concat(o),640))}function h(e){var t="0123456789abcdef",n="",r,i;for(i=0;i<e.length;i+=1)r=e.charCodeAt(i),n+=t.charAt(r>>>4&15)+t.charAt(r&15);return n}function p(e){return unescape(encodeURIComponent(e))}function d(e){return l(p(e))}function v(e){return h(d(e))}function m(e,t){return c(p(e),p(t))}function g(e,t){return h(m(e,t))}return function(e,t,n){return t?n?m(t,e):g(t,e):n?d(e):v(e)}}();var PageLine={queues:{release:[]},fill:function(e){var t=this;t.save(e)},save:function(e){var t=null,n=this;typeof e!="function"?t=function(){Display.moheLog(e)}:t=e,n.queues.release.push(t),n.isReleased&&n.release("release")},on:function(e,t){var n=this;n.queues[e]||(n.queues[e]=[]),typeof t=="function"&&n.queues[e].push(t)},trigger:function(e,t){var n=this,r=0,i=[];if(!n.queues[e])return!1;i=n.queues[e];while(r<i.length)i[r].call(this,t),r++},release:function(e){function t(){var e=r.shift();e&&typeof e=="function"&&e();if(r.length<=0)return n.isReleased=!0,!1;t()}var n=this,r=n.queues[e];if(!r)return!1;t()}};(function(e){function t(e,t){var n=document,r=n.getElementsByTagName("head")[0]||n.documentElement,i=n.createElement("script"),s=!1;i.src=e,i.onerror=i.onload=i.onreadystatechange=function(){!s&&(!this.readyState||this.readyState=="loaded"||this.readyState=="complete")&&(s=!0,t&&t(),i.onerror=i.onload=i.onreadystatechange=null,r.removeChild(i))},r.insertBefore(i,r.firstChild)}function n(e){var t,n,r,i;for(t=0;t<l.length;t++){r=l[t],i=r.requires;for(n=0;n<i.length;n++)if(i[n]==e)break;i.splice(n,1),i.length===0&&(r.fun(),l.splice(t,1))}}function r(){var e=f.splice(0,1)[0],i=a[e],s=function(){n(e),i.loaded=!0,f.length?r():c=!1};if(!i)return;c=!0,i.loaded||i.checker&&i.checker()?s(e):t(i.url,function(){s(e)})}var i={};e.OB=i,i.Browser=function(){var t=e.navigator,n=t.userAgent.toLowerCase(),r=/(msie|webkit|gecko|presto|opera|safari|firefox|chrome|maxthon|android|ipad|iphone|webos|hpwos)[ \/os]*([\d_.]+)/ig,i={platform:t.platform};n.replace(r,function(e,t,n){var r=t.toLowerCase();i[r]||(i[r]=n)}),i.opera&&n.replace(/opera.*version\/([\d.]+)/,function(e,t){i.opera=t});if(i.msie){i.ie=i.msie;var s=parseInt(i.msie,10);i["ie"+s]=!0}return i}();if(i.Browser.ie)try{document.execCommand("BackgroundImageCache",!1,!0)}catch(s){}var o=i.Browser,u={ready:function(e,t){function n(){clearTimeout(t.__QWDomReadyTimer);if(r.length){var e=r.shift();r.length&&(t.__QWDomReadyTimer=setTimeout(n,0)),e()}}t=t||document;var r=t.__QWDomReadyCbs=t.__QWDomReadyCbs||[];r.push(e),setTimeout(function(){if(/complete/.test(t.readyState))n();else if(t.addEventListener)"interactive"==t.readyState?n():t.addEventListener("DOMContentLoaded",n,!1);else{var e=function(){e=new Function,n()};(function(){try{t.body.doScroll("left")}catch(n){return setTimeout(arguments.callee,1)}e()})(),t.attachEvent("onreadystatechange",function(){"complete"==t.readyState&&e()})}},0)}};i.DomU=u;var a={jquery:{url:"./js/183.js",checker:function(){return!!e.jQuery}},"require.2.1.11":{url:"https://s.ssl.qhimg.com/!5a33324b/require.js",checker:function(){return!!e.require&&!!e.define}}},f=[],l=[],c=!1;e._loader={add:function(e,t,n){a[e]||(a[e]={url:t,checker:n})},use:function(e,t){i.DomU.ready(function(){e=e.split(/\s*,\s*/g),f=f.concat(e),l.push({requires:e,fun:t}),c||r()})},remove:function(e){a[e]&&delete a[e]}}})(window),function(){var e=document.documentElement,t=function(e,t){var n=document.getElementsByTagName("head")[0],r=null;document.createStyleSheet?(r=document.createStyleSheet(),r.addRule(e,t)):(r=document.createElement("style"),r.type="text/css",r.innerHTML=e+"{"+t+"}",n.appendChild(r))},n=1200;e.clientWidth>n&&t("#side","width:410px;left:195px;")}(),window.hd_init=function(){var e=function(e,t,n){var r,i={};t=t||{};for(r in e)i[r]=e[r],t[r]!=null&&(n?e.hasOwnProperty[r]&&(i[r]=t[r]):i[r]=t[r]);return i},t=function(e){return document.getElementById(e)},n=function(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n},r=function(e){return e||window.event},i=function(e){return e.target||e.srcElement},s={check:function(){var e=this,t=!1;try{switch(external.smartwiz()*1){case 0:s.render(0);break;case 1:s.render(1,"");break;case 2:s.render(1,"isXdu");break;case 3:s.render(1,"haslogo")}}catch(n){try{var r=external.GetSID(window),i=parseInt(external.GetVersion(r).split(".").join(""),10);external.AppCmd(external.GetSID(window),"","getsearchbarstatus","","",s.render)}catch(n){s.render(0)}return}},render:function(e,t){var n=this,r="",i=null,o=!1,u=document.getElementsByTagName("head")[0];document.cookie.indexOf("ED351A52-EE52-47f8-8616-3355B59424C1")>=0&&(o=!0),e==1||o?(r=document.getElementsByTagName("body")[0].className,r+=t==""?" g-hide-hd":" g-hide-all",document.getElementsByTagName("body")[0].className=r):(s.insertStyle("#g-hd","display:block"),e!=2&&s.insertStyle("#g-hd-searchs","display:block"))},insertStyle:function(e,t){var n=document.getElementsByTagName("head")[0],r=null;document.createStyleSheet?(r=document.createStyleSheet(),r.addRule(e,t)):(r=document.createElement("style"),r.type="text/css",r.innerHTML=e+"{"+t+"}",n.appendChild(r))}};return function(o){o=e({inputId:"keyword",getValue:null},o);var u=t("g-hd"),a=t(o.inputId),f=function(){return typeof o.getValue=="function"?o.getValue():a?a.value.replace(/^\s+|\s+$/g,""):""},l=f();if(u){var c=t("g-hd-more-title"),h=t("g-hd-more-div");if(c&&h){var p=function(e){if(e.relatedTarget)return e.relatedTarget;var t=e.fromElement,n=e.target||e.srcElement,r=t===n?e.toElement:t;return r},d=function(e,t){if(e.contains)return e.contains(t);if(e.compareDocumentPosition)return e.compareDocumentPosition(t)&16;while(t=t.parentNode)if(t==e)return!0;return!1},v=function(e,t){function i(t){t=r(t);var n=p(t);if(!n||n!==e&&!d(e,n))t.type=="mouseover"?s(arguments):o(arguments)}t=t||{};var s=t.enter||function(){},o=t.leave||function(){},u="onmouseenter"in document.createElement("div");if(u){n(e,"mouseenter",s),n(e,"mouseleave",o);return}n(e,"mouseover",i),n(e,"mouseout",i)},m=function(){clearTimeout(g),g=setTimeout(function(){h.style.display=""},300)},g,y=function(){clearTimeout(g),g=setTimeout(function(){h.style.display="none"},300)},b=[c,h];for(var w=0;w<b.length;w++){var E=b[w];v(E,{enter:m,leave:y})}}var S=function(e){try{e=r(e);var t=i(e);if(t&&t.tagName&&t.tagName.toUpperCase()==="A"){var n=t.getAttribute("data-s"),s=f();n&&(a&&(t.getAttribute("data-home")||t.setAttribute("data-home",t.href),s?t.href=n.replace(/%q%/g,encodeURIComponent(s)):t.href=t.getAttribute("data-home")),d(h,t)&&(h.style.display="none"))}}catch(o){}};function x(){var e=u.getElementsByTagName("A"),t=document.getElementById("mod-engs").getElementsByTagName("A"),n=[],r="";for(var i=0,s=e.length;i<s;i++){r=e[i].getAttribute("data-s");
if(!r)continue;r=r.replace("%q%",encodeURIComponent(l)),e[i].setAttribute("href",r),n.push(e[i])}for(var i=0,s=t.length;i<s;i++){r=t[i].getAttribute("data-s");if(!r)continue;r=r.replace("%q%",encodeURIComponent(l)),t[i].setAttribute("href",r),n.push(t[i])}}s.check(),x(),n(u,"click",S);var T=t("g-hd-searchs");T&&n(T,"click",S)}}}()</script>
</head>
<body>
<!-- BEGIN #main -->
<div id="main">
<div id="so_top">
</div>
<ul id="m-result" class="result"><li id="first" class="res-list">
<div id="mohe-rili" class="g-mohe" data-mohe-type="rili">
<div class="mh-rili-wap mh-rili-only " data-mgd='{"b":"rili-body"}'>
<div class="mh-tips">
<div class="mh-loading">
<i class="mh-ico-loading"></i>正在为您努力加载中...
</div>
<div class="mh-err-tips">亲，出了点问题~ 您可<a href="#reload" class="mh-js-reload">重试</a></div>
</div>
<div class="mh-rili-widget">
<div class="mh-doc-bd mh-calendar">
<div class="mh-hint-bar gclearfix">
<div class="mh-control-bar">
<div class="mh-control-module mh-year-control mh-year-bar">
<a href="#prev-year" action="prev" class="mh-prev" data-md='{"p":"prev-year"}'></a>
<div class="mh-control">
<i class="mh-trigger"></i>
<div class="mh-field mh-year" val=""></div>
</div>
<a href="#next-year" action="next" class="mh-next" data-md='{"p":"next-year"}'></a>
<ul class="mh-list year-list" style="display:none;" data-md='{"p":"select-year"}'></ul>
</div>
<div class="mh-control-module mh-month-control mh-mouth-bar">
<a href="#prev-month" action="prev" class="mh-prev" data-md='{"p":"prev-month"}'></a>
<div class="mh-control">
<i class="mh-trigger"></i>
<div class="mh-field mh-month" val=""></div>
</div>
<a href="#next-month" action="next" class="mh-next" data-md='{"p":"next-month"}'></a>
<ul class="mh-list month-list" style="display:none;" data-md='{"p":"select-month"}'></ul>
</div>
<div class="mh-control-module mh-holiday-control mh-holiday-bar">
<div class="mh-control">
<i class="mh-trigger"></i>
<div class="mh-field mh-holiday"></div>
</div>
<ul class="mh-list" style="display:none;" data-md='{"p":"select-holiday"}'></ul>
</div>
<div class="mh-btn-today" data-md='{"p":"btn-today"}'>返回今天</div>
</div>
<div class="mh-time-panel">
<dl class="gclearfix">
<dt class="mh-time-monitor-title">北京时间:</dt>
<dd class="mh-time-monitor"></dd>
</dl>
</div>
</div>
<div class="mh-cal-main">
<div class="mh-col-1 mh-dates">
<ul class="mh-dates-hd gclearfix">
<li class="mh-days-title">一</li>
<li class="mh-days-title">二</li>
<li class="mh-days-title">三</li>
<li class="mh-days-title">四</li>
<li class="mh-days-title">五</li>
<li class="mh-days-title mh-weekend">六</li>
<li class="mh-days-title mh-last mh-weekend">日</li>
</ul>
<ol class="mh-dates-bd"></ol>
</div>
<div class="mh-col-2 mh-almanac">
<div class="mh-almanac-base mh-almanac-main"></div>
<div class="mh-almanac-extra gclearfix" style="display:none;">
<div class="mh-suited">
<h3 class="mh-st-label">宜</h3>
<ul class="mh-st-items gclearfix"></ul>
</div>
<div class="mh-tapu">
<h3 class="mh-st-label">忌</h3>
<ul class="mh-st-items gclearfix"></ul>
</div>
</div>
</div>
</div>
</div>
<span id="mh-date-y" style="display:none;">2015</span>
<script>
/*
2015节假日清单，一年一改
*/
(function(){window.OB=window.OB||{},window.OB.RiLi=window.OB.RiLi||{},window.OB.RiLi.dateRest=["0101","0102","0103","0218","0219","0220","0221","0222","0223","0224","0404","0405","0406","0501","0502","0503","0620","0621","0622","0903","0904","0905","0926","0927","1001","1002","1003","1004","1005","1006","1007"],window.OB.RiLi.dateWork=["0104","0215","0228","0906","1010"],window.OB.RiLi.dateFestival=["20150101||元旦","20150219||春节","20150405||清明节","20150501||劳动节","20150620||端午节","20150903||抗战纪念日","20150927||中秋节","20151001||国庆节"],window.OB.RiLi.dateAllFestival=["正月初一|v,春节","正月十五|v,元宵节","二月初二|v,龙头节","五月初五|v,端午节","七月初七|v,七夕节","七月十五|v,中元节","八月十五|v,中秋节","九月初九|v,重阳节","十月初一|i,寒衣节","十月十五|i,下元节","腊月初八|i,腊八节","腊月廿三|i,祭灶节","0202|i,世界湿地日,1996","0214|v,西洋情人节","0308|i,国际妇女节,1975","0315|i,国际消费者权益日,1983","0422|i,世界地球日,1990","0501|v,国际劳动节,1889","0512|i,国际护士节,1912","0518|i,国际博物馆日,1977","0605|i,世界环境日,1972","0623|i,国际奥林匹克日,1948","0624|i,世界骨质疏松日,1997","1117|i,世界学生日,1942","1201|i,世界艾滋病日,1988","0101|v,元旦","0312|i,植树节,1979","0504|i,五四青年节,1939","0601|v,儿童节,1950","0701|v,建党节,1941","0801|v,建军节,1933","0903|v,抗战胜利纪念日","0910|v,教师节,1985","1001|v,国庆节,1949","1224|v,平安夜","1225|v,圣诞节","w:0520|v,母亲节,1913","w:0630|v,父亲节","w:1144|v,感恩节(美国)","w:1021|v,感恩节(加拿大)"];var e="https://s.ssl.qhimg.com/!97be6a4c/data/"/*本地老黄历库在lhl文件夹，此处是官网调用的*/;location.protocol=="https:"&&(e="https://s.ssl.qhimg.com/!97be6a4c/data/")/*本地老黄历库在lhl文件夹，此处是官网调用的*/,window.OB.RiLi.hlUrl={2008:e+"hl2008.js",2009:e+"hl2009.js",2010:e+"hl2010.js",2011:e+"hl2011.js",2012:e+"hl2012.js",2013:e+"hl2013.js",2014:e+"hl2014.js",2015:e+"hl2015.js",2016:e+"hl2016.js",2017:e+"hl2017.js",2018:e+"hl2018.js",2019:e+"hl2019.js",2020:e+"hl2020.js"},window.OB.RiLi.dateHuochepiao=["-20141201||20","20141201||30","20141202||36","20141203||42","20141204||48","20141205||54","+20141205||60","c20141221-20141228||red"],window.OB.RiLi.useLunarTicketDay={2015:{"0218":"除夕","0219":"初一","0220":"初二","0221":"初三","0222":"初四","0223":"初五","0224":"初六","0225":"初七"}}})()</script>
</div>
</div>
<div class="mh-rili-foot">
</div>
<select class="mh-holiday-data" style="display:none;">
<option value="0" data-desc="" data-gl="">放假安排</option>
<option value="抗战胜利纪念日" data-desc="9月3日至5日放假调休，共3天。9月6日（星期日）上班。" data-gl="">抗战胜利纪念日</option>
<option value="国庆节" data-desc="10月1日至7日放假调休，共7天。10月10日（星期六）上班。" data-gl="">国庆节</option>
<option value="中秋节" data-desc="9月27日放假。" data-gl="">中秋节</option>
<option value="端午节" data-desc="6月20日放假，6月22日（星期一）补休。" data-gl="">端午节</option>
<option value="劳动节" data-desc="5月1日放假，与周末连休。" data-gl="">劳动节</option>
<option value="清明节" data-desc="4月5日放假，4月6日（星期一）补休。" data-gl="">清明节</option>
<option value="春节" data-desc="2月18日至24日放假调休，共7天。2月15日（星期日）、2月28日（星期六）上班。" data-gl="">春节</option>
<option value="元旦" data-desc="1月1日至3日放假调休，共3天。1月4日（星期日）上班。" data-gl="">元旦</option>
</select>
<!--value获取当前PHP服务器时间-->
<input type="hidden" id="mh-rili-params" value="action=query&year=2015&month=09&day=04" />
</div><script>_loader.use("jquery",function(){function l(){t.slideDown(),r.slideDown(),i=="1"&&$.ajax({url:v("https://open.onebox.haosou.com/dataApi"),dataType:"jsonp",data:{query:"日历",url:"日历",type:"rili",user_tpl:"ajax/rili/html",selectorPrefix:s,asynLoading:i,src:"onebox",tpl:"1"},timeout:5e3,success:function(t){t&&t.html?(e.find(".mh-rili-widget").html(t.html),n.hide().addClass("mh-err"),i="0"):d()},error:function(){d()}})}function c(t,n){t=t.replace("\u6e05\u660e","\u6e05\u660e\u8282").replace("\u56fd\u9645\u52b3\u52a8\u8282","\u52b3\u52a8\u8282");var r=new RegExp(u);f=f||e.find("#mh-date-y").html(),u&&n==f&&r.test(t)?a=!0:a=!1,o.val(t).trigger("change")}function h(){$.each(o.find("option"),function(e,t){var n=$(this);n.data("desc")&&n.val()&&(u+=n.val()+"|")}),u=u.substring(0,u.length-2)}function p(){n.hide()}function d(){n.addClass("mh-err")}function v(e){return location.protocol=="https:"?"https://open.onebox.haosou.com/api/proxy?__url__="+encodeURIComponent(e):e}jQuery.curCSS=jQuery.css;var e=$("#mohe-rili"),t=$(".mh-rili-wap",e),n=$(".mh-tips",e),r=$(".mh-rili-foot",e),i="0",s="#mohe-rili .mh-rili-widget",o=e.find(".mh-holiday-data"),u="",a=!1,f=e.find("#mh-date-y").html();h(),e.on("click",".mh-op a",function(e){e.preventDefault();var n=$(this).closest(".mh-op");n.hasClass("mh-op-less")?(t.slideUp(),r.slideUp()):l(),n.toggleClass("mh-op-less")}).on("click",".mh-js-reload",function(e){e.preventDefault(),l()}).on("change",".mh-holiday-data",function(){var e=$(this),t=e.val(),n=e.find("option:selected"),i=n.attr("data-desc")||"",s=n.attr("data-gl")||"";if(!a||t=="0"||i===""&&s==="")r.html("");else{var o='<div class="mh-rili-holiday">[holidayDetail][holidaySug]</div>';i&&(i="<p>"+i+"</p>"),s&&(s="<p><span>\u4f11\u5047\u653b\u7565\uff1a</span>"+s+"</p>"),o=o.replace("[holidayDetail]",i).replace("[holidaySug]",s),r.html(o)}}),window.OB=window.OB||{},window.OB.RiLi=window.OB.RiLi||{},window.OB.RiLi.rootSelector="#mohe-rili ",window.OB.RiLi.CallBack={afterInit:p,holiday:c}})</script>
<script>
/**
* 描述：本脚本是从360好搜扒下来的，别说我如何如何无耻，360扒的百度，百度扒的谷歌，就是这么屌！
rili-widget 所包含的JS文件们
* 共包含15个JS文件，由于彼此间存在依赖关系，它们的顺序必须依次是：
* 1.jquery-ui-1.10.3.custom
* 2.msg_config // 配置事件消息
*
* 3.mediator //库，基于事件的异步编程
* 4.calendar //日历类
* 5.lunar //农历
*
* 6.cachesvc //window. appdata依赖它
* 7.appdata //window. 时间矫正
* 8.timesvc //window.TimeSVC 时间同步服务
*
* 9.huochepiao //购票（无用）
*
* 10.fakeSelect //$-ui 年份月份下拉选择器
* 11.speCalendar //$-ui 日历单元格的特殊内容
* 12.webCalendar //$-ui 日历单元格
* 13.dayDetail //$-ui 日历右侧的详情（黄历 忌宜）
*
* 14.xianhao //注册事件：日历上方的操作工具条：年月日节假日 返回今天
* 15.dispatcher //提取参数，初始化日历
*
* 最后拼接的顺序是 jquery-ui-1.10.3.custom,msg_config,mediator,calendar,lunar,cachesvc,appdata,timesvc,huochepiao,fakeSelect,speCalendar,webCalendar,dayDetail,xianhao,dispatcher
*
* edit by @gaosong 2015-08-31
*
* 代码从导航日历迁移过来，
*/
_loader.remove && _loader.remove("rili-widget");
_loader.add("rili-widget", "./js/wnl.js");//上述JS文件们已让我压缩成wnl.js
_loader.use("jquery, rili-widget", function(){
var RiLi = window.OB.RiLi;
var gMsg = RiLi.msg_config,
dispatcher = RiLi.Dispatcher,
mediator = RiLi.mediator;
var root = window.OB.RiLi.rootSelector || '';
// RiLi.AppData(namespace, signature, storeObj) 为了解决"In IE7, keys may not contain special chars"
//'api.hao.360.cn:rili' 仅仅是个 namespace
var timeData = new RiLi.AppData('api.hao.360.cn:rili'),
gap = timeData.get('timeOffset'),
dt = new Date(new Date() - (gap || 0));
RiLi.action = "default";
var $detail = $(root+'.mh-almanac .mh-almanac-main');
$detail.dayDetail(dt);
RiLi.today = dt;
var $wbc = $(root+'.mh-calendar');
mediator.subscribe(gMsg.type.actionfestival , function (d){
var holi = RiLi.dateFestival,
val = d.val ? decodeURIComponent(d.val) : "",
holiHash = {},
el,
node = {};
for (var i = 0 ; i < holi.length ; ++i){
el = holi[i];
el = $.trim(el).split("||");
if (el.length == 2){
node = {};
node.year = el[0].substr(0 , 4);
node.month = el[0].substr(4 , 2);
node.day = el[0].substr(6 , 2);
holiHash[el[1]] = node;
}
};
RiLi.action = "festival";
if (holiHash[val]){
node.year = holiHash[val].year;
node.month = holiHash[val].month;
node.day = holiHash[val].day;
RiLi.needDay = new Date(parseInt(node.year , 10) , parseInt(node.month ,10) - 1 , node.day);
$wbc.webCalendar({
time : new Date(parseInt(node.year , 10) , parseInt(node.month ,10) - 1 , node.day),
onselect: function(d, l){
$detail.dayDetail('init', d , l);
}
});
}
else{
RiLi.action = "default";
}
});
mediator.subscribe(gMsg.type.actionquery , function (d){
var strDate;
if (!d.year || d.year > 2100 || d.year < 1901){
RiLi.action = "default";
return 0;
}
d.month = parseInt(d.month , 10);
if (d.month && (d.month > 12 || d.month < 1)){
RiLi.action = "default";
return 0;
}
if (!d.month){
d.month = 1 ;
}
d.day = parseInt(d.day , 10);
if (!d.day){
d.day = 1;
}
RiLi.action = "query";
RiLi.needDay = new Date(parseInt(d.year , 10) , parseInt(d.month ,10) - 1 , d.day);
$wbc.webCalendar({
time : new Date(parseInt(d.year , 10) , parseInt(d.month ,10) - 1 , d.day),
onselect: function(d, l){
$detail.dayDetail('init', d , l);
}
});
});
mediator.subscribe(gMsg.type.actiongoupiao, function (d){
RiLi.action = "goupiao";
$wbc.webCalendar({
time : dt,
onselect: function(d, l){
$detail.dayDetail('init', d , l);
}
});
});
mediator.subscribe(gMsg.type.actiondefault , function (d){
RiLi.needDay = dt;
$wbc.webCalendar({
time : dt,
onselect: function(d, l){
$detail.dayDetail('init', d , l);
}
});
});
dispatcher.dispatch();
mediator.subscribe(gMsg.type.dch , function (d){
// if (RiLi.needDay){
// $wbc.webCalendar("initTime" , RiLi.needDay);
// }
// else{
// $wbc.webCalendar("initTime" , RiLi.today);
// }
$wbc.webCalendar("initTime" , RiLi.needDay||RiLi.today);
});
mediator.publish(gMsg.type.dch , dt);
var nowDate = (new Date()).getTime() ;
/* 时间矫正 */
RiLi.TimeSVC.getTime(function(d){
var trueTime = d.getTime();
var timeData = new RiLi.AppData('api.hao.360.cn:rili') , isFirst = true;
if(Math.abs(nowDate - trueTime) > 300000){
timeData.set('timeOffset', nowDate - trueTime);
}
else {
timeData.remove('timeOffset');
}
if (typeof gap == undefined || !isFirst){
RiLi.today = d;
mediator.publish(gMsg.type.dch , d);
}
isFirst = false;
});
//日历初始完后的回调
if(typeof RiLi.CallBack.afterInit === "function"){
RiLi.CallBack.afterInit();
}
});
</script>
</li></ul></div><!-- END #main -->
</body>
</html>
CSS代码(wnl.css):
body{background:#fff;color:#333;min-width:1000px;position:relative}
body,th,td{font-family:arial}
html,body,ul,ol,li,dl,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,p,th,td{margin:0;padding:0}
p,form,ol,ul,li,h3,menu{list-style:none}
table,img{border:0}
img,object,select,input,textarea,button{vertical-align:middle}
th{text-align:left}
h1,h2,h3,h4,h5,h6,input,textarea,select,cite,em,i,b,strong,th{font-size:100%;font-style:normal}
ins,s,u,del{text-decoration:none}
em,cite{font-style:normal}
em{color:#c00}
input,button,select{color:#333}
a em{text-decoration:underline}
.f14{font-size:14px}
.gray,a.gray{color:#666}
.gray2,a.gray2{color:#999}
.g-mask{background:rgba(0,0,0,0.7);height:100%;left:0;position:absolute;top:0;width:100%;z-index:800}
.g-c-green{color:#00bc3e}
.g-c-gray{color:#999}
.g-c-dark{color:#666}
.g-c-orange{color:#f60}
.g-c-lightblue{color:#77c}
.g-c-yellow{color:#ff9600}
.g-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-shadow{box-shadow:0 1px 1px rgba(0,0,0,0.06)}
.g-clearfix{zoom:1}
.g-card{border:1px solid #e5e5e5;font-size:13px;_zoom:1}
/*修改资料*/
#main{position:relative;width:540px;margin:40px auto 0 auto;z-index:10}
#dialog .dialog{position:fixed;z-index:3001;background:#fff;left:50%;top:210px;padding-left:45px;font-size:14px;color:#333;font-family:'Microsoft YaHei';}
#dialog .dialog01{width:377px;height:353px;margin-left:-212px;border:1px solid #CECCCD;}
#dialog .mask{background:#000;filter:alpha(opacity=20);opacity:.2;left:0;top:0;position:fixed;_position:absolute;height:100%;width:100%;overflow:hidden;z-index:3000;zoom:1;}
#dialog .dialog .close,#tantan_list .updateUserInfo,.userInfo .updateUserInfo,#container .userInfo .arrowUp,#dialog .dialog03 .icon,#mytantan .tantan_like .updateUserInfo{background:url(https://p.ssl.qhimg.com/d/inn/e165d985/update_info_bg.png);}
#tantan_list .updateUserInfo,.userInfo .updateUserInfo{background-position:0px 1px;float:right;padding-left:12px;color:#00be3c;cursor:pointer;}
#dialog .dialog .close{cursor:pointer;background-position:-350px -1px;width:24px;height:24px;float:right;margin-top:5px;margin-right:5px;}
#dialog .dialog .close:hover{background-position:-350px -31px;}
#dialog .dialog .title .title01{padding-top:30px;font-size:20px;color:#333;}
#dialog .dialog02 .title .title01{padding-top:38px;}
#dialog .dialog .title .title02{padding-top:5px;font-size:12px;color:#999;}
#dialog .dialog .name{margin-top:30px;}
#dialog .dialog .name .nickname,#dialog .dialog .sign{width:226px;height:35px;border:1px solid #C4C4C4;border-radius:4px;padding-left:12px;margin-left:4px;font-size:12px;}
#dialog .dialog .name .nickname:focus,#dialog .dialog .sign:focus{border:1px solid #65C33D;}
#dialog .dialog .name .nicknameerror{border:1px solid #F08353;-webkit-box-shadow:inset 0px 2px 2px rgba(240,131,83,.2),1px 2px 2px rgba(240,131,83,.2);}
#dialog .dialog .error{visibility:hidden;margin-left:52px;margin-top:4px;color:#e25c38;font-size:12px;}
#dialog .dialog02 .error{position:absolute;bottom:-26px;left:0;z-index:2;margin-left:0;}
#dialog .dialog .name span{margin-left:10px;color:#f05204;font-size:12px;}
#dialog .dialog .name input:-moz-placeholder{color:#9a9a9a;}
#dialog .dialog .name input::-webkit-input-placeholder{color:#9a9a9a;}
#dialog .dialog .sex label{margin-left:7px;margin-right:14px;font-size:12px;}
#dialog .dialog .sexvalue{margin-right:2px;}
#dialog input[type='radio']{-webkit-box-shadow:inset 0 1px 2px white,0 1px 2px rgba(0,0,0,.2);-webkit-appearance:none;-webkit-margin-start:0;-webkit-margin-end:3px;background:white;border-radius:3px;border:1px solid #DFDFDF;display:inline-block;margin-bottom:0;margin-top:0;position:relative;top:2px;vertical-align:baseline;border-radius:100%;height:15px;width:15px;}
#dialog input[type='radio']:checked::before{-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5);-webkit-margin-start:3px;background:#5AA617;border-radius:10px;content:'';display:inline-block;font-size:13px;font-weight:400;height:7px;left:0;margin-top:3px;opacity:1;position:absolute;top:0;vertical-align:top;width:7px;}
#dialog .dialog .signal{margin-top:12px;}
#dialog .dialog .save{margin-top:22px;margin-left:-45px;width:422px;height:97px;background:#f8f8f8;}
#dialog .dialog .submitBasicInfo{width:240px;height:43px;border:1px solid #00be3c;background-color:#65C33D;color:#fff;font-size:14px;margin-left:90px;margin-top:19px;border-radius:3px;cursor:pointer;}
#dialog .dialog .submitBasicInfo:hover{background-color:#00be3c;}
#dialog .dialog .notice{color:#c7c7c7;font-size:12px;margin-left:94px;}
#dialog .dialog02{width:580px;height:475px;margin-left:-312px;}
#dialog .imgWrap{overflow:hidden;margin-top:33px;height:240px;}
#dialog .dialog02 .uploadImg,#dialog .dialog02 .imgPreview,#dialog .dialog02 .border{float:left;}
#dialog .dialog02 .uploadImg{position:relative;width:210px;height:210px;background-color:#EDEDED;}
#dialog .uploadInput{opacity:0;position:absolute;height:30px;width:82px;}
#dialog .button{margin-top:75px;margin-left:63px;border:none;}
#dialog .upload{background-color:#65C33D;width:82px;height:30px;border:1px solid #00be3c;border-radius:3px;color:#fff;}
#dialog .uploadHover{background-color:#00be3c;}
#dialog .formatDetail{font-size:12px;color:#999;width:172px;margin-left:20px;margin-top:10px;}
#dialog .dialog02 .border{height:212px;width:1px;background-color:#E7E7E7;margin-left:35px;margin-right:35px;}
#dialog .bigSize,#dialog .otherSize{float:left;}
#dialog .bigSize{width:180px;height:180px;}
#dialog .middleSize{width:50px;height:50px;}
#dialog .smallSize{width:30px;height:30px;}
#dialog .littleSize{width:22px;height:22px;border-radius:12px;}
#dialog .otherSize{margin-left:24px;}
#dialog .imgPreview{font-size:12px;color:#999;}
#dialog .content{clear:both;}
#dialog .otherSize p{margin-top:3px;margin-bottom:8px;}
#dialog .content p{padding-top:5px;}
#dialog .dialog02 .save{width:625px;height:92px;margin-top:33px;}
#dialog .dialog02 .save a{background-color:#65C33D;width:184px;height:40px;border:1px solid #00be3c;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;text-align:center;line-height:36px;margin-right:8px;margin-top:16px;}
#dialog .dialog02 .save a:hover{background-color:#00be3c;}
#dialog .dialog02 .save .submit{margin-left:212px;}
#dialog .dialog02 .notice{margin-left:204px;}
#dialog .dialog02{top:60px;}
#container .userInfo .arrowUp{background-position:-38px -1px;width:11px;height:10px;left:14px;top:-7px;}
#dialog input{outline:none;}
#dialog .dialog02 .loading{color:#999;position:absolute;width:100px;top:4px;}
#dialog .dialog03{border:1px solid #CFCBCB;padding-bottom:90px;margin-left:-212px;}
#dialog .dialog03 .tip{font-size:20px;color:#333;margin-left:20px;margin-top:65px;margin-bottom:5px;margin-right:75px;}
#dialog .dialog03 .icon{background-position:0px -34px;vertical-align:middle;display:inline-block;width:35px;height:35px;margin-right:8px;}
#dialog .dialog03 a{margin-left:65px;font-size:12px;color:#999;}
</style><style type="text/css">.tantan-midnight{display:block;}
#so-comment-add{border-top:1px solid #eee;padding-top:10px;margin-top:4px;}
/*add*/
#so-comment-add h3 img{height:16px;}
#so-comment-add h3 span{color:#323232;font-size:14px;}
#so-comment-add .play,#so-comment-add p .count:before{background:url(https://p.ssl.qhimg.com/d/inn/b08c3b7a/tantanAdv.png);}
#so-comment-add .play{display:inline-block;position:absolute;bottom:50px;left:10px;background-position:-5px -1px;width:40px;height:40px;}
#so-comment-add ul li{float:left;position:relative;}
#so-comment-add ul .first{margin-right:12px;}
#so-comment-add .tantan-midnight ul li img{width:240px;height:210px;}
#so-comment-add .tantan-midnight ul li img.preview{height:80px;}
#so-comment-add ul li img{width:112px;height:73px;}
.so-w1330 #so-comment-add .tantan-midnight ul li img{width:408px;height:210px;}
.so-w1330 #so-comment-add .tantan-midnight ul li img.preview{height:136px;}
.so-w1330 #so-comment-add ul li img{width:126px;height:73px;}
#so-comment-add .link{color:#2c26f2;text-decoration:none;cursor:pointer;}
#so-comment-add p{width:100%;font-size:16px;font-family:'宋体';line-height:40px;height:40px;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,0.5);color:#fff;}
#so-comment-add p .title{margin-left:10px;color:#FFF;max-width:200px;display:inline-block;}
.so-narrow #so-comment-add p .title{max-width:160px;}
.so-narrow #so-comment-add p .count{margin-top:1px;}
#so-comment-add p .count{display:inline-block;font-size:13px;width:auto;vertical-align:top;margin-top:2px;}
#so-comment-add p .count:before{width:9px;height:10px;background-position:-4px -87px;content:'';display:inline-block;margin-right:5px;}
.so-w1330 #so-comment-add p .time{font-size:13px;position:absolute;right:10px;width:auto;height:40px;line-height:40px;margin-right:0;margin-top:2px;}
#so-comment-add .tantan-midnight ul li .hot-topic{margin-bottom:7px;}
.so-w1330 #so-comment-add .tantan-midnight ul li .hot-topic{height:160px;}
.so-narrow #so-comment-add .tantan-midnight ul li .hot-topic{height:94px;}
#so-pdr-guide{display:block;width:590px;height:25px;line-height:22px;font-size:14px;padding-left:15px;background:url(https://p.ssl.qhimg.com/t01e99d1b782b81cb01.png) no-repeat 2px 5px;*position:relative;*z-index:0;}
#so-pdr-guide dt{color:#666666;float:left;}
#so-pdr-guide dd{float:left;}
#so-pdr-guide .so-pdr-bd{width:390px;height:22px;float:left;display:block;overflow:hidden;position:relative;}
#so-pdr-guide .so-pdr-bd a{color:#cc0000;margin:0 6px;white-space:nowrap;word-break:keep-all;}
#so-pdr-guide .so-pdr-box{position:relative;top:0;left:0;}
#so-pdr-guide .ac-change{color:#666666;text-decoration:none;float:left;line-height:24px;visibility:hidden;padding-left:15px;font-size:13px;background:url(https://p.ssl.qhimg.com/t01e99d1b782b81cb01.png) no-repeat 0 -17px;}
#mohe-rili{position:relative;zoom:1;overflow:hidden}
#mohe-rili .mh-content{padding-left:74px;min-height:64px;font-size:14px;background:url(https://p.ssl.qhimg.com/t019ae924a2aaaebcc5.png) left top no-repeat}
#mohe-rili .mh-content p{padding-bottom:5px}
#mohe-rili .mh-op{margin-top:3px;height:16px;line-height:15px}
#mohe-rili .mh-op a{display:inline-block;height:16px;line-height:15px;padding-left:18px;font-size:13px;text-decoration:none;background:url(https://p.ssl.qhimg.com/t019ae924a2aaaebcc5.png) 0 -126px no-repeat}
#mohe-rili .mh-op a.mh-op-fold{display:none;background-position:0 -89px}
#mohe-rili .mh-op-less a.mh-op-unfold{display:none}
#mohe-rili .mh-op-less a.mh-op-fold{display:inline-block}
#mohe-rili .mh-rili-wap{position:relative;display:none;margin-top:8px;height:425px;overflow:hidden}
#mohe-rili .mh-rili-only{margin-top:0;display:block}
#mohe-rili .mh-rili-wap .mh-rili-widget{position:relative;height:425px;z-index:0}
#mohe-rili .mh-rili-foot .mh-rili-holiday{border:1px solid #d2d2d2;border-top:0;padding:8px 10px 8px;color:#666;line-height:21px;background-color:#fafafa}
#mohe-rili .mh-rili-holiday span{color:#3eaf0e}
#mohe-rili .mh-tips{position:absolute;top:0;left:0;padding:180px 0 0;width:100%;height:425px;color:#333;font-size:12px;line-height:32px;text-align:center;background:#f3f5fa;z-index:1}
#mohe-rili .mh-tips .mh-loading{display:block}
#mohe-rili .mh-tips .mh-err-tips{display:none}
#mohe-rili .mh-err .mh-loading{display:none}
#mohe-rili .mh-err .mh-err-tips{display:block}
#mohe-rili .mh-loading .mh-ico-loading{display:inline-block;*zoom:1;*display:inline;margin-right:10px;width:32px;height:32px;font-size:0;line-height:32px;vertical-align:middle;background:url(https://p.ssl.qhimg.com/t01d48f0da2e6a37bfe.gif) no-repeat left top}
#mohe-rili .mh-rili-ticket,#mohe-rili .mh-rili-ticket .mh-rili-widget{height:521px}
#mohe-rili .mh-rili-widget{line-height:18px}
#mohe-rili .mh-rili-widget a{color:#000;text-decoration:none}
#mohe-rili .mh-rili-widget a:hover{color:#f00;text-decoration:underline}
#mohe-rili .mh-rili-widget em{color:inherit}
#mohe-rili .mh-rili-widget .red{color:#f00}
#mohe-rili .mh-rili-widget .mh-doc-bd{background:#f9f5f1;font-size:12px}
#mohe-rili .mh-rili-widget .mh-hint-bar{position:relative;background-color:#f3f5fa;z-index:200}
#mohe-rili .mh-rili-widget .mh-control-bar{float:left;width:400px;height:20px;line-height:20px;padding:10px 5px;padding-bottom:10px}
#mohe-rili .mh-rili-widget .mh-control-module{float:left;height:20px;position:relative;background:url(https://p.ssl.qhimg.com/t01486f58f45a4bb3f1.gif) repeat-x;border:1px solid #c9cccf;margin-right:5px}
#mohe-rili .mh-rili-widget .mh-control{float:left;height:12px;line-height:12px;padding:4px 10px;padding-bottom:0;border-left:1px solid #c9cccf;border-right:1px solid #c9cccf}
#mohe-rili .mh-rili-widget .mh-field{float:left;padding:0;height:12px;line-height:12px}
#mohe-rili .mh-rili-widget .mh-year{width:43px;cursor:pointer}
#mohe-rili .mh-rili-widget .mh-month{width:26px;cursor:pointer}
#mohe-rili .mh-rili-widget .mh-year-control .mh-control{width:48px}
#mohe-rili .mh-rili-widget .mh-month-control .mh-control{width:31px}
#mohe-rili .mh-rili-widget .mh-prev,#mohe-rili .mh-rili-widget .mh-next{float:left;width:15px;height:20px}
#mohe-rili .mh-rili-widget .mh-prev,#mohe-rili .mh-rili-widget .mh-next,#mohe-rili .mh-rili-widget .mh-trigger{background:url(https://p.ssl.qhimg.com/t01d8a137941c466737.gif) no-repeat}
#mohe-rili .mh-rili-widget .mh-next{background-position:0 -25px}
#mohe-rili .mh-rili-widget .mh-trigger{float:right;margin-top:-4px;margin-right:-10px;width:15px;height:12px;background-position:0 -50px;cursor:pointer}
#mohe-rili .mh-rili-widget .mh-holiday-control{width:125px}
#mohe-rili .mh-rili-widget .mh-holiday-control .mh-control{border:0}
#mohe-rili .mh-rili-widget .mh-holiday{width:88px;cursor:pointer}
#mohe-rili .mh-rili-widget .mh-list{text-align:center;padding:0}
#mohe-rili .mh-rili-widget .mh-list li:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
#mohe-rili .mh-rili-widget .mh-list li{clear:both;zoom:1;margin-bottom:10px}
#mohe-rili .mh-rili-widget .mh-btn-today{float:left;width:60px;height:20px;background:url(https://p.ssl.qhimg.com/t01486f58f45a4bb3f1.gif) repeat-x;border:1px solid #c9cccf;text-align:center;cursor:pointer}
#mohe-rili .mh-rili-widget .mh-time-panel{float:right;padding-top:13px;width:125px;height:20px;color:#999}
#mohe-rili .mh-rili-widget .mh-time-panel .mh-time-monitor-title,#mohe-rili .mh-rili-widget .mh-time-panel .mh-time-monitor{float:left}
#mohe-rili .mh-rili-widget .mh-time-panel .mh-time-monitor-title{margin-right:5px}
#mohe-rili .mh-rili-widget .mh-cal-main{margin:0 auto;*zoom:1;clear:both}
#mohe-rili .mh-rili-widget .mh-cal-main:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
#mohe-rili .mh-rili-widget .mh-cal-main .mh-col-1{width:398px;float:left}
#mohe-rili .mh-rili-widget .mh-cal-main .mh-col-2{width:auto;overflow:hidden}
#mohe-rili .mh-rili-widget .mh-days-title{float:left;padding-top:14px;padding-bottom:12px;width:56px;height:13px;line-height:13px;background:#fefbeb;border:1px solid #f1ebe4;border-left:none;text-align:center;font-size:14px}
#mohe-rili .mh-rili-widget .mh-control-bar .mh-list{position:absolute;top:20px;left:15px;display:none;z-index:200;height:169px;overflow:auto;background:#fff;border:1px solid #c9cccf;border-top:0}
#mohe-rili .mh-rili-widget .mh-year-bar .mh-list{width:68px}
#mohe-rili .mh-rili-widget .mh-mouth-bar .mh-list{width:67px}
#mohe-rili .mh-rili-widget .mh-holiday-bar .mh-list{width:125px;left:-1px}
#mohe-rili .mh-rili-widget .mh-holiday-bar .mh-trigger{margin-right:-24px;*margin-right:-10px}
#mohe-rili .mh-rili-widget .mh-control-bar .mh-list li{cursor:pointer;text-align:center;line-height:20px;height:20px;text-align:center;color:#9a9a9a;margin-bottom:1px;z-index:200}
#mohe-rili .mh-rili-widget .mh-control-bar .mh-list li:hover,#mohe-rili .mh-rili-widget .mh-control-bar .mh-list li.mh-on{background:#77a1b4;color:#fff}
#mohe-rili .mh-rili-widget .mh-dates{width:398px;height:383px;border:1px solid #d2d2d2;z-index:1}
#mohe-rili .mh-rili-widget .mh-goupiao-dates{height:479px}
#mohe-rili .mh-rili-widget .mh-dates .mh-last{border-right:0}
#mohe-rili .mh-rili-widget .mh-dates-bd li{float:left;padding-top:10px;width:56px;height:46px;background:#fff;border-right:1px solid #f1ebe4;border-bottom:1px solid #f1ebe4;font-size:18px;cursor:pointer;z-index:2}
#mohe-rili .mh-rili-widget .mh-goupiao-dates .mh-dates-bd li{height:62px}
#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-spe-item{font-size:12px;position:relative}
#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-spe-item .mh-solar,#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-spe-item .mh-lunar{height:20px;line-height:20px}
#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-spe-item .mh-spe-des,#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-spe-item .mh-spe-cover-des{position:absolute;bottom:0;left:20;text-align:center;background:#b04343;color:#fff;line-height:20px;height:20px;width:100%;z-index:4}
#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-spe-item .mh-spe-cover{display:none;position:absolute;z-index:9;width:100%;height:80px;left:0;top:0}
#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-spe-item .mh-spe-cover img{display:block;width:100%;height:80px}
#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-spe-item .mh-spe-cover-des{z-index:6}
#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-on{background-color:#fefbeb}
#mohe-rili .mh-rili-widget .mh-dates-bd li.mh-fes{background-color:#fefbeb}
#mohe-rili .mh-rili-widget .mh-dates-bd .mh-solar{width:100%;height:18px;line-height:18px;text-align:center;font-weight:600}
#mohe-rili .mh-rili-widget .mh-weekend .mh-solar{color:#b04343}
#mohe-rili .mh-rili-widget .mh-dates-bd .mh-cross-month{background:#f5f5f5;opacity:.6}
#mohe-rili .mh-rili-widget .mh-dates-bd .mh-today{background:url(https://p.ssl.qhimg.com/t01a7805144fcb47ee7.gif) no-repeat;background-position:top center}
#mohe-rili .mh-rili-widget .mh-lunar{display:block;width:100%;height:25px;line-height:25px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#999}
#mohe-rili .mh-rili-widget .mh-solar-style .mh-lunar{color:#8eb475}
#mohe-rili .mh-rili-widget .mh-isolar-style .mh-lunar{color:#86a9c0}
#mohe-rili .mh-rili-widget .mh-vacation .mh-lunar,#mohe-rili .mh-rili-widget .mh-vsolar-style .mh-lunar{color:#b04343}
#mohe-rili .mh-rili-widget .mh-rest,#mohe-rili .mh-rili-widget .mh-work{position:relative;z-index:6}
#mohe-rili .mh-rili-widget .mh-rest .mh-border,#mohe-rili .mh-rili-widget .mh-work .mh-border{position:absolute;top:1px;left:1px;display:block;width:15px;height:16px;overflow:hidden;background-image:url(https://p.ssl.qhimg.com/t01931e605f678e0aa2.gif);background-repeat:no-repeat}
#mohe-rili .mh-rili-widget .mh-rest .mh-border{background-position:0 0}
#mohe-rili .mh-rili-widget .mh-work .mh-border{background-position:0 -20px}
#mohe-rili .mh-rili-widget .mh-ticket{display:block;margin:2px auto;width:98%;height:16px;text-align:center;font-size:12px;background:#f3faf0;color:#3eaf0e;border-radius:1px}
#mohe-rili .mh-rili-widget .mh-hotticket{background:#fbf3f3;color:#c00}
#mohe-rili .mh-rili-widget .mh-almanac{background-color:#fff;height:383px;border:1px solid #d2d2d2;border-left:none}
#mohe-rili .mh-rili-widget .mh-almanac-goupiao{position:relative;height:479px;_height:497px}
#mohe-rili .mh-rili-widget .mh-almanac-base{width:130px;height:190px;border-bottom:1px solid #d2d2d2}
#mohe-rili .mh-rili-widget .mh-dates-bar{margin:15px 8px}
#mohe-rili .mh-rili-widget .mh-weekday{padding-left:6px}
#mohe-rili .mh-rili-widget .mh-date-show-panel{padding:0 30px;height:60px;line-height:60px;font-size:60px;color:#c00;text-align:center}
#mohe-rili .mh-rili-widget .mh-desc{color:#999}
#mohe-rili .mh-rili-widget .mh-lunar-ganzhi,#mohe-rili .mh-rili-widget .mh-other-info,#mohe-rili .mh-rili-widget .mh-lunar-term{text-align:center}
#mohe-rili .mh-rili-widget .mh-astro{padding-left:5px}
#mohe-rili .mh-rili-widget .mh-almanac-extra{margin:0 14px;padding-bottom:15px;width:106px;height:125px;overflow:hidden;border-bottom:1px dashed #f1ebe4;line-height:18px}
#mohe-rili .mh-rili-widget .mh-almanac-extra div{padding:8px 0;float:left;width:50px;height:150px}
#mohe-rili .mh-rili-widget .mh-suited{margin-right:2px}
#mohe-rili .mh-rili-widget .mh-st-label{width:40px;font-weight:bold;font-size:12px;text-align:center}
#mohe-rili .mh-rili-widget .mh-suited,#mohe-rili .mh-rili-widget .mh-suited .mh-st-label{color:#b04343}
#mohe-rili .mh-rili-widget .mh-tapu,#mohe-rili .mh-rili-widget .mh-tapu .mh-st-label{color:#5b5b5b}
#mohe-rili .mh-rili-widget .mh-almanac-extra .mh-st-items{padding-top:10px}
#mohe-rili .mh-rili-widget .mh-st-items li{float:left;padding:1px 0;width:48px;text-align:center}
#mohe-rili .mh-rili-widget .mh-st-items li.cl{width:100%;clear:both}
#mohe-rili .mh-rili-widget .mh-phone-net,#mohe-rili .mh-rili-widget .mh-proxy{margin:10px;padding-top:20px;height:82px;line-height:18px;color:#666}
#mohe-rili .mh-rili-widget .mh-phone-net h3,#mohe-rili .mh-rili-widget .mh-proxy h3{font-size:12px}
#mohe-rili .mh-rili-widget .mh-phone-net{border-bottom:1px solid #eee}
#mohe-rili .mh-rili-widget .mh-label-his{margin-top:5px;padding-right:10px;text-align:right}
#mohe-rili .mh-rili-widget .mh-label-his a{color:#999}
#mohe-rili .mh-rili-widget .mh-linktail-goupiao{position:absolute;bottom:0;margin:0;padding:0;width:100%;height:38px;line-height:38px;background:#f6f6f6;text-align:center}
#mohe-rili .mh-rili-widget .mh-linktail-goupiao a{color:#3eaf0e}
分享到QQ
分享到微博
微信扫一扫
