{"id":664,"date":"2011-01-28T09:37:14","date_gmt":"2011-01-28T01:37:14","guid":{"rendered":""},"modified":"2014-03-11T22:35:15","modified_gmt":"2014-03-11T14:35:15","slug":"%e5%9b%be%e7%89%87%e5%b1%95%e7%a4%ba%e5%8a%9f%e8%83%bd","status":"publish","type":"post","link":"http:\/\/www.xiaoyebailong.com\/index.php\/2011\/01\/28\/664.htm","title":{"rendered":"\u56fe\u7247\u5c55\u793a\u529f\u80fd"},"content":{"rendered":"<p>&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;<br \/>\n&lt;html xmlns=&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=gb2312&quot; \/&gt;<br \/>\n&lt;base href=&quot;http:\/\/www.3zha.com\/Demo\/js_css_div_img_box\/over.htm&quot;&gt;<br \/>\n&lt;title&gt;JS\u56fe\u7247\u76d2\u5b50 ==\u56fe\u7247\u5c55\u793a\u529f\u80fd \u6210\u54c1&lt;\/title&gt;<br \/>\n&lt;meta name=&quot;Keywords&quot; content=&quot; javascript \u63a7\u5236\u6eda\u52a8\u6761 \u6837\u4f8b \u5c55\u793a css div \u7f51\u7ad9\u5efa\u8bbe \u811a\u672c\u5b66\u4e60 \u7f51\u7ad9\u5f00\u53d1 &quot; \/&gt;<\/p>\n<p>\n&nbsp;<\/p>\n<p>&lt;script type=&quot;text\/javascript&quot;&gt;<br \/>\n\/*&#8212;&#8211;\u5b9e\u73b0\u9634\u5f71\u827a\u672f\u5b57\u6548\u679c&#8212;&#8212;- by \u80e1\u5c0a\u6770<br \/>\n&#8212;&#8212;-fctText \u6587\u5b57\u5185\u5bb9<br \/>\n&#8212;&#8212;-fctTop \u6587\u5b57\u5728\u9875\u9762\u4e2d\u8ddd\u9876\u4f4d\u7f6e<br \/>\n&#8212;&#8212;-fctLeft \u6587\u5b57\u5728\u9875\u9762\u4e2d\u8ddd\u5de6\u4f4d\u7f6e<br \/>\n&#8212;&#8212;-fctBold \u9634\u5f71\u5bbd\u5ea6<br \/>\n&#8212;&#8212;-Color \u6587\u5b57\u989c\u8272<br \/>\n&#8212;&#8212;-bgColor \u9634\u5f71\u989c\u8272<br \/>\n&#8212;&#8212;-FontSize \u6587\u5b57\u5927\u5c0f*\/<br \/>\nif(typeof(pyzy)==&#8217;undefined&#8217;){<br \/>\nvar pyzy={}; \/\/\u8d77\u7528\u5c01\u88c5\u65b9\u6cd5\u540d\u79f0\uff0c\u907f\u514d\u811a\u672c\u547d\u540d\u6c61\u67d3<br \/>\npyzy.$ = function(fctId) { return document.getElementById(fctId); };<br \/>\n}<br \/>\npyzy.ColorText=function(fctText,fctTop,fctLeft,fctBold,Color,bgColor,FontSize){<br \/>\nvar varZBT=(fctTop-fctBold\/2);<br \/>\nvar varZBL=(fctLeft-fctBold\/2);<br \/>\nvar varWriteText=&quot;&quot;;<br \/>\nfor(var i=1;i&lt;fctBold;i++){<br \/>\nfor(var j=1;j&lt;fctBold;j++){<br \/>\nvarWriteText=varWriteText+'&lt;div style=&quot;position:absolute;z-index:98;margin:&#8217;+(varZBT+i)+&#8217;px &#8216;+(varZBL+j)+&#8217;px;color:&#8217;+bgColor+&#8217;;font-size:&#8217;+FontSize+&#8217;px;&quot;&gt;&#8217;+fctText+'&lt;\/div&gt;&#8217;;<br \/>\n}<br \/>\n}<br \/>\nreturn varWriteText+'&lt;div style=&quot;position:absolute;z-index:98;margin:&#8217;+fctTop+&#8217;px &#8216;+fctLeft+&#8217;px;color:&#8217;+Color+&#8217;;font-size:&#8217;+FontSize+&#8217;px;&quot;&gt;&#8217;+fctText+'&lt;\/div&gt;&#8217;;<br \/>\n}<br \/>\n\/\/CloseImgBox<\/p>\n<p>\n&nbsp;<\/p>\n<p>\/\/\u56fe\u7247\u76d2\u5b50\u5c55\u793a\u5de5\u5177\u4e3b\u8981\u65b9\u6cd5 by \u80e1\u5c0a\u6770 20091117<br \/>\npyzy.MinImgsBox = {<br \/>\nintImgId: 0, \/\/\u9ed8\u8ba4\u56fe\u7247ID<br \/>\narrImgs: [[&quot;\u56fe\u7247\u540d\u79f0&quot;, &quot;\u5927\u56fe\u8def\u5f84&quot;, &quot;\u5c0f\u56fe\u8def\u5f84&quot;]], \/\/\u56fe\u7247\u6570\u636e<br \/>\nobjMaxImgBoxObj: null, \/\/\u5927\u56fe\u7247\u5bb9\u5668<br \/>\nobjMinImgBoxObj: null, \/\/\u5c0f\u56fe\u7247\u5bb9\u5668<br \/>\nobjMinImgObj: null, \/\/\u5f53\u524d\u6b63\u5728\u64ad\u653e\u7684\u5c0f\u56fe\u7684IMG\u5bf9\u8c61\uff0c\u7528\u4e8e\u6821\u5bf9\u5c0f\u56fe\u5bb9\u5668\u7684\u6eda\u52a8\u6761\u4f4d\u7f6e\u7b49<br \/>\nobjPlayRateObj: null, \/\/\u64ad\u653e\u8fdb\u5ea6\u5bf9\u8c61<br \/>\n\/* Init \u7d22\u5f15\u65b9\u6cd5\uff1a<br \/>\n@ fctArrImgs \u56fe\u7247\u4fe1\u606f\u6570\u636e\u6570\u7ec4 \u53c2\u89c1 arrImgs \u7684\u683c\u5f0f*\/<br \/>\nInit: function(fctArrImgs) {<br \/>\nthis.arrImgs = fctArrImgs; \/\/\u5c06\u56fe\u7247\u6570\u636e\u5b58\u50a8\u4e8e\u53d8\u91cf\u4e2d<br \/>\nthis.objMaxImgBoxObj = pyzy.$(&quot;divPyzyImgBoxContent&quot;); \/\/\u5c06\u5927\u56fe\u7247\u5bb9\u5668\u5b58\u50a8\u4e8e\u53d8\u91cf<br \/>\nthis.objMinImgBoxObj = pyzy.$(&quot;divPyzyMinImgs&quot;); \/\/\u5c06\u5c0f\u56fe\u7247\u5bb9\u5668\u5b58\u50a8\u4e8e\u53d8\u91cf<br \/>\nthis.objPlayRateObj = pyzy.$(&quot;divPyzyImgBoxRate&quot;); \/\/\u5c06\u64ad\u653e\u8fdb\u5ea6\u5bf9\u8c61\u5b58\u50a8\u4e8e\u53d8\u91cf<br \/>\nvar tmpMinImgsBoxHTML = []; \/\/\u4e34\u65f6\u5c0f\u56fe\u5217\u8868\u5b58\u50a8<br \/>\nfor (var intI = 0; intI &lt; this.arrImgs.length; intI++) {<br \/>\ntmpMinImgsBoxHTML[tmpMinImgsBoxHTML.length] = &quot;&lt;img id=&#8217;imgMinItem&quot; + intI + &quot;&#8217; onClick=&#8217;pyzy.MinImgsBox.Show(&quot; + intI + &quot;)&#8217; alt=&#8217;&quot; + this.arrImgs[intI][0] + &quot;&#8217; src=&#8217;&quot; + this.arrImgs[intI][2] + &quot;&#8217; \/&gt;&quot;<br \/>\n}<br \/>\nthis.objMinImgBoxObj.innerHTML = tmpMinImgsBoxHTML.join(&quot;&quot;); \/\/\u8f93\u51fa\u5c0f\u56fe\u5217\u8868\u5230\u5bb9\u5668<br \/>\nthis.Show(0); \/\/\u9ed8\u8ba4\u663e\u793a\u7b2c\u4e00\u4e2a\u56fe\u7247<br \/>\n},<br \/>\nShow: function(fctId) {<br \/>\nif (this.arrImgs.length == 0) {<br \/>\nalert(&quot;\u7f3a\u5c11\u56fe\u7247\u6570\u636e&quot;);<br \/>\nreturn;<br \/>\n}<br \/>\n\/\/\u5224\u65adID\u5e76\u77eb\u6b63\u4e3a\u6b63\u786e\u7f16\u53f7<br \/>\nfctId = (fctId &lt; 0 ? this.arrImgs.length &#8211; 1 : (fctId &gt;= this.arrImgs.length ? 0 : fctId));<br \/>\n\/\/\u64ad\u653e\u8fdb\u5ea6<br \/>\nthis.objPlayRateObj.title = &quot;\u5171[&quot; + this.arrImgs.length + &quot;]\u5f20\u56fe\u7247\uff0c\u5f53\u524d\u4e3a\u7b2c[&quot; + (fctId+1) + &quot;]\u5f20\u56fe\u7247\uff0c\u64ad\u653e\u8fdb\u5ea6\u4e3a&quot; + ((fctId + 1) \/ this.arrImgs.length * 100) + &quot;%\u3002&quot;;<br \/>\nthis.objPlayRateObj.style.width = ((fctId + 1) \/ this.arrImgs.length * this.objPlayRateObj.parentNode.offsetWidth) + &quot;px&quot;;<\/p>\n<p>\n&nbsp;<\/p>\n<p>\/\/\u53d6\u5f97\u5f53\u524d\u64ad\u653e\u56fe\u7247\u7684\u5c0f\u56fe\u5bf9\u8c61<br \/>\nthis.objMinImgObj = pyzy.$(&quot;imgMinItem&quot; + fctId)<\/p>\n<p>\n&nbsp;<\/p>\n<p>\/\/\u8c03\u6574\u5c0f\u56fe\u7247\u5bb9\u5668\u6eda\u52a8\u6761\u4f4d\u7f6e\uff0c\u4f7f\u5f97\u5f53\u524d\u56fe\u7247\u5728\u5bb9\u5668\u7684\u4e2d\u95f4<br \/>\npyzy.MinImgsScroll.Init(<br \/>\nthis.objMinImgBoxObj,<br \/>\n(<br \/>\n( \/\/\u5148\u901a\u8fc7\u5c0f\u56fe\u7247\u5bf9\u8c61\u7684\u5de6\u8fb9\u8ddd\u4e0e\u5f97\u51fa\u56fe\u7247\u4e0e\u5bb9\u5668\u5de6\u8fb9\u7684\u8ddd\u79bb\uff1a\u56e0\u4e3aIE\u73af\u5883\u4e0b\u7684\u5143\u7d20\u8fb9\u8ddd\u662f\u76f8\u5bf9\u4e8e\u7236\u5bb9\u5668\u7684\u3001\u800c\u706b\u72d0\u4e0b\u662f\u76f8\u5bf9\u4e8e\u7a97\u4f53\uff0c\u6240\u4ee5\u8fd9\u91cc\u7528\u5230\u4e86\u6d4f\u89c8\u5668\u73af\u5883\u7684\u5224\u65ad<br \/>\nthis.objMinImgObj.offsetLeft &#8211;<br \/>\n(navigator.appVersion.indexOf(&quot;MSIE&quot;) == -1 ? this.objMinImgObj.parentNode.offsetLeft:0)<br \/>\n) &#8211; \/\/\u51cf\u6389\u56fe\u7247\u5bb9\u5668\u6eda\u52a8\u6761\u5df2\u7ecf\u5377\u6389\u7684\u76f8\u7d20\uff0c\u8fd9\u6837\u53d6\u5230\u7684\u662f\u53ef\u4ee5\u4f7f\u5c0f\u56fe\u7247\u59cb\u7ec8\u5c45\u4e8e\u5bb9\u5668\u6700\u5de6\u8fb9\u7684\uff0c\u6240\u4ee5\u63a5\u4e0b\u6765\u51cf\u6389\u5bb9\u5668\u4e00\u534a\u7684\u5bbd\u5ea6 \u6070\u5de7\u5c31\u53ef\u4ee5\u4f7f\u5c0f\u56fe\u7247\u5c45\u4e8e\u5bb9\u5668\u4e2d\u95f4<br \/>\nthis.objMinImgBoxObj.scrollLeft<br \/>\n&#8211;<br \/>\n(this.objMinImgBoxObj.offsetWidth \/ 2)<br \/>\n)<br \/>\n);<\/p>\n<p>\n&nbsp;<\/p>\n<p>\/\/\u8f93\u51fa\u56fe\u7247\u540d\u79f0\u5230\u5927\u56fe\u7247\u5bb9\u5668<br \/>\nthis.objMaxImgBoxObj.innerHTML = pyzy.ColorText(this.arrImgs[fctId][0], 0, 0, 4, &quot;#444;bottom:2px;right:10px&quot;, &quot;#444;bottom:2px;right:10px&quot;, 12) + pyzy.ColorText(this.arrImgs[fctId][0], 2, 2, 4, &quot;#666;bottom:2px;right:10px&quot;, &quot;#fff;bottom:2px;right:10px&quot;, 12);<br \/>\n\/\/\u7528\u5f53\u524d\u5927\u56fe\u7247\u8def\u5f84\u66ff\u6389\u5927\u56fe\u7247\u5bb9\u5668\u7684\u80cc\u666f<br \/>\nthis.objMaxImgBoxObj.style.backgroundImage = &quot;url(&quot; + this.arrImgs[fctId][1] + &quot;)&quot;;<\/p>\n<p>\n&nbsp;<\/p>\n<p>\/\/\u53d6\u6d88\u5148\u524d\u7684\u9ed8\u8ba4\u56fe\u7247\u7684\u9009\u4e2d\u72b6\u6001<br \/>\npyzy.$(&quot;imgMinItem&quot; + this.intImgId).className = &quot;&quot;;<br \/>\n\/\/\u8bbe\u7f6e\u5148\u524d\u7684\u9ed8\u8ba4\u56fe\u7247\u4e3a\u6837\u5f0f\u4e3a\u9009\u4e2d\u72b6\u6001<br \/>\nthis.objMinImgObj.className = &quot;Sel&quot;;<br \/>\nthis.intImgId = fctId;<br \/>\n}<br \/>\n};<\/p>\n<p>\n&nbsp;<\/p>\n<p>\/\/\u6eda\u52a8\u6761\u63a7\u5236\u65b9\u6cd5 by \u80e1\u5c0a\u6770 20091117<br \/>\npyzy.MinImgsScroll = {<br \/>\nintAllScrollSeep: 0, \/\/\u6b65\u957f\uff0c\u5355\u6b21\u6eda\u52a8\u7684\u5e45\u5ea6<br \/>\nintScrollCount: 0, \/\/\u6eda\u52a8\u957f\u5ea6\u8bb0\u5f55 \u8bb0\u5f55\u6309\u8c61\u7d20\u6eda\u52a8\u7684\u957f\u5ea6\u4e0e\u6b65\u957f\u5bf9\u6bd4 \u7528\u4ee5\u5b9e\u73b0\u52a8\u6001\u6eda\u52a8\u6548\u679c<br \/>\nobjScroll: null, \/\/\u8981\u63a7\u5236\u5176\u6eda\u52a8\u6761\u7684\u76ee\u6807\u5bf9\u8c61<br \/>\nboolLeft: true, \/\/\u6eda\u52a8\u6761\u7c7b\u578b\uff0c\u9ed8\u8ba4\u4e3a\u5de6\u53f3\u6c34\u5e73\u6eda\u52a8\u6761<br \/>\n\/* Init \u7d22\u5f15\u65b9\u6cd5\uff1a<br \/>\n@ (fctBoxObj) \u8981\u63a7\u5236\u5176\u6eda\u52a8\u6761\u7684\u76ee\u6807\u5bf9\u8c61,\u5fc5\u987b\u6307\u5b9a<br \/>\n@ [fctSeep] \u79fb\u52a8\u6b65\u957f \u6309\u6b63\u8d1f\u6570\u63a7\u5236\u5de6\u53f3\u6eda\u52a8[\u4e0d\u6307\u5b9a\u5219\u9ed8\u8ba4\u4e3a\u76ee\u6807\u5bf9\u8c61\u7684\u5bbd\u5ea6(\u5982\u679c\u662f\u5782\u76f4\u5219\u4e3a\u5176\u9ad8\u5ea6)]<br \/>\n@ [fctTop] \u6eda\u52a8\u6761\u7c7b\u578b \u9ed8\u8ba4Left\u4e3a\u5de6\u53f3\u6c34\u5e73\u6eda\u52a8\u6761,\u6b64\u53c2\u6570\u6307\u5b9a\u4efb\u610f\u503c\u5219\u4e3a\u5782\u76f4\u6eda\u52a8\u6761 *\/<br \/>\nInit: function(fctObj, fctSeep, fctTop) {<br \/>\nthis.objScroll = fctObj;<br \/>\nthis.boolLeft = (fctTop == null);<br \/>\nthis.intAllScrollSeep = (fctSeep == null ? (this.boolLeft ? this.objScroll.offsetWidth : this.objScroll.offsetHeight) : fctSeep);<br \/>\n\/\/\u5224\u65ad\u6eda\u52a8\u6b65\u957f\u503c \u5982\u679c\u4e3a\u5f53\u524d\u72b6\u6001\u7684\u53cd\u65b9\u5411 \u5219\u5c06\u6eda\u52a8\u5e45\u5ea6\u53d6\u53cd<br \/>\nthis.intSeep = ((this.intAllScrollSeep &lt; 0 &amp;&amp; this.intSeep &gt; 0) || (this.intAllScrollSeep &gt; 0 &amp;&amp; this.intSeep &lt; 0) ? -1 : 1) * this.intSeep;<br \/>\nthis.intScrollCount = 0; \/\/\u521d\u59cb\u5316\u6b65\u957f\u6267\u884c\u8fdb\u5ea6\u7edf\u8ba1\u4e3a0<br \/>\nthis.AutoSeep();<br \/>\n},<br \/>\nintSeep: 5, \/\/\u81ea\u52a8\u6eda\u52a8\u65f6\u7684\u5e45\u5ea6 \u9ed8\u8ba4\u4e3a10\u8c61\u7d20<br \/>\nAutoSeep: function() {<br \/>\nif (Math.abs(this.intAllScrollSeep) &gt; Math.abs(this.intScrollCount)) { \/\/\u662f\u5426\u5df2\u7ecf\u5b8c\u6210\u6eda\u52a8\u6b65\u957f<br \/>\nthis.intScrollCount += this.intSeep;<br \/>\nif (this.boolLeft) { this.objScroll.scrollLeft += this.intSeep; }<br \/>\nelse { this.objScroll.scrollTop += this.intSeep; }<br \/>\nwindow.setTimeout(&quot;pyzy.MinImgsScroll.AutoSeep();&quot;, 8); \/\/8 \u6beb\u79d2\u540e\u7ee7\u7eed\u6267\u884c\u6eda\u52a8,\u4e5f\u53ef\u4ee5\u66f4\u6539\u6b64\u53c2\u6570\u63a7\u5236\u6eda\u52a8\u65f6\u7684\u901f\u5ea6<br \/>\n}<br \/>\n}<br \/>\n};<\/p>\n<p>\n&nbsp;<\/p>\n<p>&lt;\/script&gt;<br \/>\n&lt;style type=&quot;text\/css&quot;&gt;<br \/>\n\/*\u56fe\u7247\u76d2\u5b50 \u603b\u5bb9\u5668\u6837\u5f0f*\/<br \/>\n.PyzyImgBox{width:690px;height:480px; border:solid #FFFFFF 3px; background-color:#000000;text-align:left;}<br \/>\n\/*\u8bbe\u7f6e\u6240\u6709\u5b50\u5143\u7d20\u8fb9\u8ddd\u4e3a0\u9632\u6b62\u7ee7\u627f\u540e\u5bfc\u81f4\u754c\u9762\u9519\u4e71*\/<br \/>\n\/*.PyzyImgBox div{padding:0px;margin:0px;}*\/<br \/>\n\/*\u56fe\u7247\u76d2\u5b50 \u6807\u9898\u5bb9\u5668*\/<br \/>\n.PyzyImgBoxTitle{background:url(images\/hotel_img_show_box_byhuzj.gif) 0px -44px; height:27px; line-height:27px; border:solid #2e3b44 1px;border-width:1px 0px; border-top-color:#484848;}<br \/>\n\/*\u56fe\u7247\u76d2\u5b50\u6807\u9898\u53f3\u4fa7\u7684\u5173\u95ed*\/<br \/>\n.PyzyImgBoxTitle span{float:right;background:url(images\/hotel_img_show_box_byhuzj.gif) 0px 0px;height:27px;width:27px; cursor:pointer;}<br \/>\n\/*\u56fe\u7247\u76d2\u5b50\u6807\u9898\u5de6\u4fa7\u7684\u6807\u9898\u56fe\u7247*\/<br \/>\n.PyzyImgBoxTitle img{background:url(images\/hotel_img_show_box_title_byhuzj.gif) no-repeat;width:143px;height:27px;}<br \/>\n\/*\u5927\u56fe\u7247\u663e\u793a\u529f\u80fd\u5bb9\u5668*\/<br \/>\n.PyzyImgBoxBody{height:388px;text-align:center;}<br \/>\n\/*&ldquo;\u524d\u4e00\u4e2a&rdquo;\u6309\u94ae*\/<br \/>\n.PyzyImgBoxForwardButton{float:left;width:60px;height:388px;}<br \/>\n.PyzyImgBoxForwardButton img{background:url(images\/hotel_img_show_box_byhuzj.gif) 0px -88px; margin-top:175px;cursor:pointer;width:29px;height:33px;}<br \/>\n\/*&ldquo;\u540e\u4e00\u4e2a&rdquo;\u6309\u94ae*\/<br \/>\n.PyzyImgBoxNextButton{float:right;width:60px;height:388px;}<br \/>\n.PyzyImgBoxNextButton img{background:url(images\/hotel_img_show_box_byhuzj.gif) 0px -141px;margin-top:175px;cursor:pointer;width:29px;height:33px;}<br \/>\n\/*\u4e3b\u89d2\u51fa\u573a\uff1a\u5927\u56fe\u7247\u663e\u793a\u5bb9\u5668*\/<br \/>\n#divPyzyImgBoxContent{position:relative;margin:0px 60px;height:388px;background:url(images\/b.gif) center center no-repeat;}<br \/>\n\/*\u5e95\u90e8\u529f\u80fd\u533a*\/<br \/>\n.PyzyImgBoxBottom{ margin-top:4px;height:59px;background:url(images\/hotel_img_show_box_byhuzj.gif) 0px -294px;}<br \/>\n\/*\u56fe\u7247\u64ad\u653e\u8fdb\u5ea6*\/<br \/>\n.PyzyImgBoxRate{width:50%; margin-top:1px;background-color:#bbbbbb;height:3px;border-top:solid #c5c5c5 1px;border-bottom:solid #dadada 1px;}<br \/>\n\/*\u5c0f\u56fe\u7247\u663e\u793a\u5bb9\u5668*\/<br \/>\n.PyzyImgBoxMinImg{height:53px;text-align:center;}<br \/>\n\/*\u5c0f\u56fe\u7247\u5bb9\u5668\u4e2d\u7684\u5411\u5de6\u6eda\u52a8\u6309\u94ae*\/<br \/>\n.PyzyImgBoxLeftScroll{float:left;height:53px;width:22px;}<br \/>\n.PyzyImgBoxLeftScroll img{margin-top:10px;background:url(images\/hotel_img_show_box_byhuzj.gif) 0px -198px;cursor:pointer;width:9px;height:32px;}<br \/>\n\/*\u5c0f\u56fe\u7247\u5bb9\u5668\u4e2d\u7684\u5411\u53f3\u6eda\u52a8\u6309\u94ae*\/<br \/>\n.PyzyImgBoxRightScroll{float:right;height:53px;width:22px;}<br \/>\n.PyzyImgBoxRightScroll img{margin-top:10px;background:url(images\/hotel_img_show_box_byhuzj.gif) 0px -249px;cursor:pointer;width:9px;height:32px;}<br \/>\n\/*\u5c0f\u56fe\u7247\u5bb9\u5668*\/<br \/>\n.PyzyMinImgBox{margin:0px 23px;height:53px;}<br \/>\n\/*\u7528\u4e8e\u8bbe\u7f6eoverflow\u82e5\u5728\u4e0a\u4e00\u5c42\u8bbe\u7f6e\u5c06\u65e0\u6cd5\u6b63\u5e38\u6392\u7248*\/<br \/>\n.PyzyMinImgBox div{width:638px;overflow:hidden;white-space:nowrap; font-size:0px;}<br \/>\n\/*\u5c0f\u56fe\u7247\u663e\u793a\u6837\u5f0f \u900f\u660e\u6837\u5f0f\u517c\u5bb9IE FF*\/<br \/>\n.PyzyMinImgBox img{filter:alpha(opacity=50);opacity: 0.5;cursor:pointer;margin:1px 4px;height:44px;width:52px; padding:1px 3px; border:solid #ccc 1px;}<br \/>\n\/*\u82e5\u4e3a\u5f53\u524d\u56fe\u7247\u5219\u53d6\u6d88\u900f\u660e*\/<br \/>\n.PyzyMinImgBox img.Sel{filter:none;opacity:100;border:solid #aaa 2px;}<\/p>\n<p>&lt;\/style&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body style=&quot;text-align:center; padding:20px; background-color:#333333&quot;&gt;<\/p>\n<p>\n&nbsp;<\/p>\n<p>&lt;div class=&quot;PyzyImgBox&quot;&gt;<br \/>\n&lt;div class=&quot;PyzyImgBoxTitle&quot;&gt;<br \/>\n&lt;span title=&quot;\u5173\u95ed&quot;&gt;&lt;\/span&gt;<br \/>\n&lt;img alt=&quot;\u6807\u9898&quot; src=&quot;images\/b.gif&quot; onclick=&quot;CloseImgBox();&quot; \/&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div class=&quot;PyzyImgBoxBody&quot;&gt;<br \/>\n&lt;div class=&quot;PyzyImgBoxForwardButton&quot;&gt;<br \/>\n&lt;img onclick=&quot;pyzy.MinImgsBox.Show(pyzy.MinImgsBox.intImgId &#8211; 1)&quot; alt=&quot;\u4e0a\u4e00\u4e2a&quot; src=&quot;images\/b.gif&quot; \/&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div class=&quot;PyzyImgBoxNextButton&quot;&gt;<br \/>\n&lt;img onclick=&quot;pyzy.MinImgsBox.Show(pyzy.MinImgsBox.intImgId + 1)&quot; alt=&quot;\u4e0b\u4e00\u4e2a&quot; src=&quot;images\/b.gif&quot; \/&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div id=&quot;divPyzyImgBoxContent&quot; style=&quot;background-image:url(<img decoding=\"async\" alt=\"\" border=\"0\" onload=\"javascript:if(this.width&gt;550)this.width=550\" src=\"http:\/\/www.3zha.com\/new_pyzy_images\/logo120x50.jpg\" \/>);&quot;&gt;&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div class=&quot;PyzyImgBoxBottom&quot;&gt;<br \/>\n&lt;div id=&quot;divPyzyImgBoxRate&quot; class=&quot;PyzyImgBoxRate&quot;&gt;&lt;!&#8211;\u8fdb\u5ea6&#8211;&gt;&lt;\/div&gt;<br \/>\n&lt;div class=&quot;PyzyImgBoxMinImg&quot;&gt;<br \/>\n&lt;div class=&quot;PyzyImgBoxLeftScroll&quot;&gt;<br \/>\n&lt;img alt=&quot;\u5de6\u6eda\u52a8&quot; src=&quot;images\/b.gif&quot; onclick=&quot;pyzy.MinImgsScroll.Init(pyzy.$(&#8216;divPyzyMinImgs&#8217;),-638);&quot; \/&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div class=&quot;PyzyImgBoxRightScroll&quot;&gt;<br \/>\n&lt;img alt=&quot;\u53f3\u6eda\u52a8&quot; src=&quot;images\/b.gif&quot; onclick=&quot;pyzy.MinImgsScroll.Init(pyzy.$(&#8216;divPyzyMinImgs&#8217;),638);&quot; \/&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div class=&quot;PyzyMinImgBox&quot;&gt;<br \/>\n&lt;div id=&quot;divPyzyMinImgs&quot; style=&quot; height:53px;&quot;&gt;<br \/>\n&lt;img alt=&quot;\u6d4b\u8bd5\u56fe\u7247\u540d\u79f0&quot; src=&quot;images\/70.jpg&quot; \/&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;script type=&quot;text\/javascript&quot;&gt;<br \/>\npyzy.MinImgsBox.Init([<br \/>\n\/*[&quot;\u56fe\u7247\u540d\u79f0&quot;,&quot;\u5927\u56fe\u8def\u5f84&quot;,&quot;\u5c0f\u56fe\u8def\u5f84&quot;]*\/<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72471\u554a1\u554a\u226e\u3017&quot;, &quot;http:\/\/www.3zha.com\/pic\/10037\/3713685.jpg&quot;, &quot;http:\/\/www.3zha.com\/pic\/10037\/3713685.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72471&quot;, &quot;http:\/\/www.3zha.com\/uploads\/photo\/2008\/4\/2\/1207127929860.jpg&quot;, &quot;http:\/\/www.3zha.com\/uploads\/photo\/2008\/4\/2\/1207127929860.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/uploadfile\/picture\/uploadpics\/200811\/20081106010336762.gif&quot;, &quot;http:\/\/www.3zha.com\/uploadfile\/picture\/uploadpics\/200811\/20081106010336762.gif&quot;],<\/p>\n<p>\n&nbsp;<\/p>\n<p>[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123115255158_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123115255158_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123114531352_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123114531352_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/20091113\/1982774_180244745210_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/20091113\/1982774_180244745210_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72471&quot;, &quot;http:\/\/www.3zha.com\/uploads\/photo\/2008\/4\/2\/1207127929860.jpg&quot;, &quot;http:\/\/www.3zha.com\/uploads\/photo\/2008\/4\/2\/1207127929860.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/uploadfile\/picture\/uploadpics\/200811\/20081106010336762.gif&quot;, &quot;http:\/\/www.3zha.com\/uploadfile\/picture\/uploadpics\/200811\/20081106010336762.gif&quot;],<\/p>\n<p>\n&nbsp;<\/p>\n<p>[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123115255158_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123115255158_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123114531352_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123114531352_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/20091113\/1982774_180244745210_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/20091113\/1982774_180244745210_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72471&quot;, &quot;http:\/\/www.3zha.com\/uploads\/photo\/2008\/4\/2\/1207127929860.jpg&quot;, &quot;http:\/\/www.3zha.com\/uploads\/photo\/2008\/4\/2\/1207127929860.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/uploadfile\/picture\/uploadpics\/200811\/20081106010336762.gif&quot;, &quot;http:\/\/www.3zha.com\/uploadfile\/picture\/uploadpics\/200811\/20081106010336762.gif&quot;],<\/p>\n<p>\n&nbsp;<\/p>\n<p>[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123115255158_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123115255158_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123114531352_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123114531352_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/20091113\/1982774_180244745210_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/20091113\/1982774_180244745210_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72471&quot;, &quot;http:\/\/www.3zha.com\/uploads\/photo\/2008\/4\/2\/1207127929860.jpg&quot;, &quot;http:\/\/www.3zha.com\/uploads\/photo\/2008\/4\/2\/1207127929860.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/uploadfile\/picture\/uploadpics\/200811\/20081106010336762.gif&quot;, &quot;http:\/\/www.3zha.com\/uploadfile\/picture\/uploadpics\/200811\/20081106010336762.gif&quot;],<\/p>\n<p>\n&nbsp;<\/p>\n<p>[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123115255158_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123115255158_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123114531352_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/2007-12-31\/2007123114531352_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72472&quot;, &quot;http:\/\/www.3zha.com\/20091113\/1982774_180244745210_2.jpg&quot;, &quot;http:\/\/www.3zha.com\/20091113\/1982774_180244745210_2.jpg&quot;],<br \/>\n[&quot;\u6d4b\u8bd5\u56fe\u72473&quot;, &quot;http:\/\/www.3zha.com\/uploadfilepic\/sheji\/2009-04-03\/OOOPIC_zoye_2009040393649354ef4b755d.jpg&quot;, &quot;http:\/\/www.3zha.com\/uploadfilepic\/sheji\/2009-04-03\/OOOPIC_zoye_2009040393649354ef4b755d.jpg&quot;]<br \/>\n]);<br \/>\n&lt;\/script&gt;<\/p>\n<p>\n&nbsp;<\/p>\n<p>&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<p>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"topic":[],"class_list":["post-664","post","type-post","status-publish","format-standard","hentry","category-technology"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/comments?post=664"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/664\/revisions"}],"predecessor-version":[{"id":66503,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/664\/revisions\/66503"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=664"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=664"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}