{"id":44,"date":"2009-07-19T02:21:18","date_gmt":"2009-07-18T18:21:18","guid":{"rendered":"http:\/\/www.spendl.com\/?p=44"},"modified":"2009-07-19T02:21:18","modified_gmt":"2009-07-18T18:21:18","slug":"supersite7-0%e8%87%aa%e5%8a%a8%e8%bd%ae%e7%95%aa%e5%b9%bf%e5%91%8a","status":"publish","type":"post","link":"https:\/\/www.spendl.com\/?p=44","title":{"rendered":"SuperSite7.0\u81ea\u52a8\u8f6e\u756a\u5e7f\u544a"},"content":{"rendered":"<p>\u5e7f\u544a\u6548\u679c\u5c55\u793a\uff1a<a title=\"\u597d\u751f\u6d3b\" href=\"http:\/\/www.goodslife.cn\" target=\"_blank\">www.goodslife.cn<\/a><br \/>\n\u2460\u9996\u5148\u662f\u6548\u679c\u5c55\u793a\u533a\u57df\uff0c\u5728\u533a\u57df\u5185\u52a0\u5165\u4e00\u4e0b\u4ee3\u7801\uff1a<br \/>\n&lt;script&gt;<br \/>\nPImgPlayer.addItem( &#8220;&#8221;, &#8220;{S_URL}\/home\/&#8221;, &#8220;{S_URL}\/templates\/$_SCONFIG[template]\/images\/01.gif&#8221;);<br \/>\nPImgPlayer.addItem( &#8220;&#8221;, &#8220;{S_URL}\/bbs\/&#8221;, &#8220;{S_URL}\/templates\/$_SCONFIG[template]\/images\/02.gif&#8221;);<br \/>\nPImgPlayer.addItem( &#8220;&#8221;, &#8220;{S_URL}\/love\/&#8221;, &#8220;{S_URL}\/templates\/$_SCONFIG[template]\/images\/03.gif&#8221;);<br \/>\nPImgPlayer.init( &#8220;imgADPlayer&#8221;,\u00a0 335 ,78);<br \/>\n&lt;\/script&gt;<\/p>\n<p>\u2461\u5728&lt;div id=&#8221;pagebody&#8221;&gt;\u4e0a\u9762\u52a0\u5165\uff1a<!--more--><br \/>\n&lt;SCRIPT language=javascript src=&#8221;{S_URL}\/templates\/$_SCONFIG[template]\/js\/changimages.js&#8221;&gt;&lt;\/SCRIPT&gt;<br \/>\nJS\u6587\u4ef6\u653e\u5728\u6a21\u677f\u76ee\u5f55\u7684JS\u6587\u4ef6\u5939\u4e0b\uff0cJS\u6587\u4ef6\u540d\u79f0\u4e3a\uff1achangimages.js\u00a0\u00a0\u00a0 \u5176\u6587\u4ef6\u5185\u5bb9\u5982\u4e0b\uff1a<br \/>\nvar PImgPlayer = {<br \/>\n_timer : null,<br \/>\n_items : [],<br \/>\n_container : null,<br \/>\n_index : 0,<br \/>\n_imgs : [],<br \/>\nintervalTime : 3500,\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/\u8f6e\u64ad\u95f4\u9694\u65f6\u95f4<br \/>\ninit : function( objID, w, h, time ){<br \/>\nthis.intervalTime = time || this.intervalTime;<br \/>\nthis._container = document.getElementById( objID );<br \/>\nthis._container.style.display = &#8220;block&#8221;;<br \/>\nthis._container.style.width = w + &#8220;px&#8221;;<br \/>\nthis._container.style.height = h + &#8220;px&#8221;;<br \/>\nthis._container.style.position = &#8220;relative&#8221;;<br \/>\nthis._container.style.overflow = &#8220;hidden&#8221;;<br \/>\n\/\/this._container.style.border = &#8220;1px solid #fff&#8221;;<br \/>\nvar linkStyle = &#8220;display: block; TEXT-DECORATION: none;&#8221;;<br \/>\nif( document.all ){<br \/>\nlinkStyle += &#8220;FILTER:&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Barn(duration=0.5, motion=&#8217;out&#8217;, orientation=&#8217;vertical&#8217;) &#8220;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Barn ( duration=0.5,motion=&#8217;out&#8217;,orientation=&#8217;horizontal&#8217;) &#8220;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Blinds ( duration=0.5,bands=10,Direction=&#8217;down&#8217; )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.CheckerBoard()&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=0)&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.GradientWipe ( duration=1,gradientSize=1.0,motion=&#8217;reverse&#8217; )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Inset ()&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Iris ( duration=1,irisStyle=PLUS,motion=out )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Iris ( duration=1,irisStyle=PLUS,motion=in )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Iris ( duration=1,irisStyle=DIAMOND,motion=in )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Iris ( duration=1,irisStyle=SQUARE,motion=in )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Iris ( duration=0.5,irisStyle=STAR,motion=in )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.RadialWipe ( duration=0.5,wipeStyle=CLOCK )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.RadialWipe ( duration=0.5,wipeStyle=WEDGE )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.RandomBars ( duration=0.5,orientation=horizontal )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.RandomBars ( duration=0.5,orientation=vertical )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.RandomDissolve ()&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Spiral ( duration=0.5,gridSizeX=16,gridSizeY=16 )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Stretch ( duration=0.5,stretchStyle=PUSH )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Strips ( duration=0.5,motion=rightdown )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Wheel ( duration=0.5,spokes=8 )&#8221;;<br \/>\nlinkStyle += &#8220;progid:DXImageTransform.Microsoft.Zigzag ( duration=0.5,gridSizeX=4,gridSizeY=40 ); width: 100%; height: 100%&#8221;;<br \/>\n}<br \/>\n\/\/<br \/>\nvar ulStyle = &#8220;margin:0;width:&#8221;+w+&#8221;px;position:absolute;z-index:999;right:5px;FILTER:Alpha(Opacity=50,FinishOpacity=50, Style=1);overflow: hidden;bottom:-1px;height:16px; border-right:1px solid #fff;&#8221;;<br \/>\n\/\/<br \/>\nvar liStyle = &#8220;margin:0;list-style-type: none; margin:0;padding:0; float:right;&#8221;;<br \/>\n\/\/<br \/>\nvar baseSpacStyle = &#8220;clear:both; display:block; width:23px;line-height:18px; font-size:12px; FONT-FAMILY:&#8217;\u5b8b\u4f53&#8217;;opacity: 0.6;&#8221;;<br \/>\nbaseSpacStyle += &#8220;border:1px solid #fff;border-right:0;border-bottom:0;&#8221;;<br \/>\nbaseSpacStyle += &#8220;color:#fff;text-align:center; cursor:pointer; &#8220;;<br \/>\n\/\/<br \/>\nvar ulHTML = &#8220;&#8221;;<br \/>\nfor(var i = this._items.length -1; i &gt;= 0; i&#8211;){<br \/>\nvar spanStyle = &#8220;&#8221;;<br \/>\nif( i==this._index ){<br \/>\nspanStyle = baseSpacStyle + &#8220;background:#ff0000;&#8221;;<br \/>\n} else {<br \/>\nspanStyle = baseSpacStyle + &#8220;background:#000;&#8221;;<br \/>\n}<br \/>\nulHTML += &#8220;&lt;li style=\\&#8221;&#8221;+liStyle+&#8221;\\&#8221;&gt;&#8221;;<br \/>\nulHTML += &#8220;&lt;span onmouseover=\\&#8221;PImgPlayer.mouseOver(this);\\&#8221; onmouseout=\\&#8221;PImgPlayer.mouseOut(this);\\&#8221; style=\\&#8221;&#8221;+spanStyle+&#8221;\\&#8221; onclick=\\&#8221;PImgPlayer.play(&#8220;+i+&#8221;);return false;\\&#8221; herf=\\&#8221;javascript:;\\&#8221; title=\\&#8221;&#8221; + this._items[i].title + &#8220;\\&#8221;&gt;&#8221; + (i+1) + &#8220;&lt;\/span&gt;&#8221;;<br \/>\nulHTML += &#8220;&lt;\/li&gt;&#8221;;<br \/>\n}<br \/>\n\/\/<br \/>\nvar html = &#8220;&lt;a href=\\&#8221;&#8221;+this._items[this._index].link+&#8221;\\&#8221; title=\\&#8221;&#8221;+this._items[this._index].title+&#8221;\\&#8221; target=\\&#8221;_blank\\&#8221; style=\\&#8221;&#8221;+linkStyle+&#8221;\\&#8221;&gt;&lt;\/a&gt;&lt;ul style=\\&#8221;&#8221;+ulStyle+&#8221;\\&#8221;&gt;&#8221;+ulHTML+&#8221;&lt;\/ul&gt;&#8221;;<br \/>\nthis._container.innerHTML = html;<br \/>\nvar link = this._container.getElementsByTagName(&#8220;A&#8221;)[0];<br \/>\nlink.style.width = w + &#8220;px&#8221;;<br \/>\nlink.style.height = h + &#8220;px&#8221;;<br \/>\nlink.style.background = &#8216;url(&#8216; + this._items[0].img + &#8216;) no-repeat center center&#8217;;<br \/>\n\/\/<br \/>\nthis._timer = setInterval( &#8220;PImgPlayer.play()&#8221;, this.intervalTime );<br \/>\n},<br \/>\naddItem : function( _title, _link, _imgURL ){<br \/>\nthis._items.push ( {title:_title, link:_link, img:_imgURL } );<br \/>\nvar img = new Image();<br \/>\nimg.src = _imgURL;<br \/>\nthis._imgs.push( img );<br \/>\n},<br \/>\nplay : function( index ){<br \/>\nif( index!=null ){<br \/>\nthis._index = index;<br \/>\nclearInterval( this._timer );<br \/>\nthis._timer = setInterval( &#8220;PImgPlayer.play()&#8221;, this.intervalTime );<br \/>\n} else {<br \/>\nthis._index = this._index&lt;this._items.length-1 ? this._index+1 : 0;<br \/>\n}<br \/>\nvar link = this._container.getElementsByTagName(&#8220;A&#8221;)[0];<br \/>\nif(link.filters){<br \/>\nvar ren = Math.floor(Math.random()*(link.filters.length));<br \/>\nlink.filters[ren].Apply();<br \/>\nlink.filters[ren].play();<br \/>\n}<br \/>\nlink.href = this._items[this._index].link;<br \/>\nlink.title = this._items[this._index].title;<br \/>\nlink.style.background = &#8216;url(&#8216; + this._items[this._index].img + &#8216;) no-repeat center center&#8217;;<br \/>\n\/\/<br \/>\nvar liStyle = &#8220;margin:0;list-style-type: none; margin:0;padding:0; float:right;&#8221;;<br \/>\nvar baseSpacStyle = &#8220;clear:both; display:block; width:23px;line-height:18px; font-size:12px; FONT-FAMILY:&#8217;\u5b8b\u4f53&#8217;; opacity: 0.6;&#8221;;<br \/>\nbaseSpacStyle += &#8220;border:1px solid #fff;border-right:0;border-bottom:0;&#8221;;<br \/>\nbaseSpacStyle += &#8220;color:#fff;text-align:center; cursor:pointer; &#8220;;<br \/>\nvar ulHTML = &#8220;&#8221;;<br \/>\nfor(var i = this._items.length -1; i &gt;= 0; i&#8211;){<br \/>\nvar spanStyle = &#8220;&#8221;;<br \/>\nif( i==this._index ){<br \/>\nspanStyle = baseSpacStyle + &#8220;background:#ff0000;&#8221;;<br \/>\n} else {<br \/>\nspanStyle = baseSpacStyle + &#8220;background:#000;&#8221;;<br \/>\n}<br \/>\nulHTML += &#8220;&lt;li style=\\&#8221;&#8221;+liStyle+&#8221;\\&#8221;&gt;&#8221;;<br \/>\nulHTML += &#8220;&lt;span onmouseover=\\&#8221;PImgPlayer.mouseOver(this);\\&#8221; onmouseout=\\&#8221;PImgPlayer.mouseOut(this);\\&#8221; style=\\&#8221;&#8221;+spanStyle+&#8221;\\&#8221; onclick=\\&#8221;PImgPlayer.play(&#8220;+i+&#8221;);return false;\\&#8221; herf=\\&#8221;javascript:;\\&#8221; title=\\&#8221;&#8221; + this._items[i].title + &#8220;\\&#8221;&gt;&#8221; + (i+1) + &#8220;&lt;\/span&gt;&#8221;;<br \/>\nulHTML += &#8220;&lt;\/li&gt;&#8221;;<br \/>\n}<br \/>\nthis._container.getElementsByTagName(&#8220;UL&#8221;)[0].innerHTML = ulHTML;<br \/>\n},<br \/>\nmouseOver : function(obj){<br \/>\nvar i = parseInt( obj.innerHTML );<br \/>\nif( this._index!=i-1){<br \/>\nobj.style.color = &#8220;#ff0000&#8221;;<br \/>\n}<br \/>\n},<br \/>\nmouseOut : function(obj){<br \/>\nobj.style.color = &#8220;#fff&#8221;;<br \/>\n}<br \/>\n}<\/p>\n<p>\u2462\u5728\u6a21\u677f\u76ee\u5f55\u7684images\u6587\u4ef6\u5939\u4e0b\u653e\u4e0a1.gif\u30012.gif\u548c3.gif<\/p>\n<p>\u5475\u5475\uff0c\u66f4\u65b0\u7f13\u5b58\u3002\u5982\u679c\u4e0d\u884c\u53ef\u4ee5\u52a0\u6211QQ\uff1a11983202<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5e7f\u544a\u6548\u679c\u5c55\u793a\uff1a<a title=\"\u597d\u751f\u6d3b\" href=\"http:\/\/www.goodslife.cn\" target=\"_blank\">www.goodslife.cn<\/a><br \/>\n\u2460\u9996\u5148\u662f\u6548\u679c\u5c55\u793a\u533a\u57df\uff0c\u5728\u533a\u57df\u5185\u52a0\u5165\u4e00\u4e0b\u4ee3\u7801\uff1a<br \/>\n&lt;script&gt;<br \/>\nPImgPlayer.addItem( &#8220;&#8221;, &#8220;{S_URL}\/home\/&#8221;, &#8220;{S_URL}\/templates\/$_SCONFIG[template]\/images\/01.gif&#8221;);<br \/>\nPImgPlayer.addItem( &#8220;&#8221;, &#8220;{S_URL}\/bbs\/&#8221;, &#8220;{S_URL}\/templates\/$_SCONFIG[template]\/images\/02.gif&#8221;);<br \/>\nPImgPlayer.addItem( &#8220;&#8221;, &#8220;{S_URL}\/love\/&#8221;, &#8220;{S_URL}\/templates\/$_SCONFIG[template]\/images\/03.gif&#8221;);<br \/>\nPImgPlayer.init( &#8220;imgADPlayer&#8221;,\u00a0 335 ,78);<br \/>\n&lt;\/script&gt;<\/p>\n<p>\u2461\u5728&lt;div id=&#8221;pagebody&#8221;&gt;\u4e0a\u9762\u52a0\u5165\uff1a<\/p>\n<div class=\"clear-float\"><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[52],"tags":[10,15,25],"views":4538,"_links":{"self":[{"href":"https:\/\/www.spendl.com\/index.php?rest_route=\/wp\/v2\/posts\/44"}],"collection":[{"href":"https:\/\/www.spendl.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.spendl.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.spendl.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spendl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":0,"href":"https:\/\/www.spendl.com\/index.php?rest_route=\/wp\/v2\/posts\/44\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.spendl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.spendl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=44"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.spendl.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}