?!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 天津市规划和自然资源局——规划建设成?/title> <STYLE type=text/css>HTML { OVERFLOW: hidden } BODY { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: #000; HEIGHT: 100%; PADDING-TOP: 0px } #imageFlow { POSITION: absolute; WIDTH: 100%; BACKGROUND: #000; HEIGHT: 80%; TOP: 10%; LEFT: 0% } #imageFlow .diapo { POSITION: absolute; -MS-INTERPOLATION-MODE: nearest-neighbor; CURSOR: pointer; LEFT: -1000px } #imageFlow .link { BORDER-BOTTOM: #fff 1px dotted; BORDER-LEFT: #fff 1px dotted; MARGIN-BOTTOM: -1px; MARGIN-LEFT: -1px; BORDER-TOP: #fff 1px dotted; BORDER-RIGHT: #fff 1px dotted } #imageFlow .bank { VISIBILITY: hidden } #imageFlow .top { POSITION: absolute; WIDTH: 100%; BACKGROUND: #181818; HEIGHT: 40% } #imageFlow .text { Z-INDEX: 1000; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 100%; BOTTOM: 16%; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; COLOR: #fff; LEFT: 0px } #imageFlow .title { FONT-SIZE: 0.9em; FONT-WEIGHT: bold } #imageFlow .legend { FONT-SIZE: 0.8em } #imageFlow .scrollbar { Z-INDEX: 1000; POSITION: absolute; WIDTH: 80%; BOTTOM: 10%; HEIGHT: 16px; LEFT: 10% } #imageFlow .track { POSITION: absolute; FILTER: alpha(opacity=30); WIDTH: 98%; HEIGHT: 16px; LEFT: 1%; opacity: 0.3 } #imageFlow .arrow-left { POSITION: absolute } #imageFlow .arrow-right { POSITION: absolute; RIGHT: 0px } #imageFlow .bar { POSITION: absolute; HEIGHT: 16px; LEFT: 25px } </STYLE> <SCRIPT type=text/javascript> var imf = function () { var lf = 0; var instances = []; function getElementsByClass (object, tag, className) { var o = object.getElementsByTagName(tag); for ( var i = 0, n = o.length, ret = []; i < n; i++) if (o[i].className == className) ret.push(o[i]); if (ret.length == 1) ret = ret[0]; return ret; } function addEvent (o, e, f) { if (window.addEventListener) o.addEventListener(e, f, false); else if (window.attachEvent) r = o.attachEvent('on' + e, f); } function createReflexion (cont, img) { var flx = false; if (document.createElement("canvas").getContext) { flx = document.createElement("canvas"); flx.width = img.width; flx.height = img.height; var context = flx.getContext("2d"); context.translate(0, img.height); context.scale(1, -1); context.drawImage(img, 0, 0, img.width, img.height); context.globalCompositeOperation = "destination-out"; var gradient = context.createLinearGradient(0, 0, 0, img.height * 2); gradient.addColorStop(1, "rgba(255, 255, 255, 0)"); gradient.addColorStop(0, "rgba(255, 255, 255, 1)"); context.fillStyle = gradient; context.fillRect(0, 0, img.width, img.height * 2); } else { /* ---- DXImageTransform ---- */ flx = document.createElement('img'); flx.src = img.src; flx.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(' + 'opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=' + (img.height * .25) + ')'; } /* ---- insert Reflexion ---- */ flx.style.position = 'absolute'; flx.style.left = '-1000px'; cont.appendChild(flx); return flx; } /* //////////// ==== ImageFlow Constructor ==== //////////// */ function ImageFlow(oCont, size, zoom, border) { this.diapos = []; this.scr = false; this.size = size; this.zoom = zoom; this.bdw = border; this.oCont = oCont; this.oc = document.getElementById(oCont); this.scrollbar = getElementsByClass(this.oc, 'div', 'scrollbar'); this.text = getElementsByClass(this.oc, 'div', 'text'); this.title = getElementsByClass(this.text, 'div', 'title'); this.legend = getElementsByClass(this.text, 'div', 'legend'); this.bar = getElementsByClass(this.oc, 'img', 'bar'); this.arL = getElementsByClass(this.oc, 'img', 'arrow-left'); this.arR = getElementsByClass(this.oc, 'img', 'arrow-right'); this.bw = this.bar.width; this.alw = this.arL.width - 5; this.arw = this.arR.width - 5; this.bar.parent = this.oc.parent = this; this.arL.parent = this.arR.parent = this; this.view = this.back = -1; this.resize(); this.oc.onselectstart = function () { return false; } /* ---- create images ---- */ var img = getElementsByClass(this.oc, 'div', 'bank').getElementsByTagName('a'); this.NF = img.length; for (var i = 0, o; o = img[i]; i++) { this.diapos[i] = new Diapo(this, i, o.rel, o.title || '- ' + i + ' -', o.innerHTML || o.rel, o.href || '', o.target || '_self' ); } /* ==== add mouse wheel events ==== */ if (window.addEventListener) this.oc.addEventListener('DOMMouseScroll', function(e) { this.parent.scroll(-e.detail); }, false); else this.oc.onmousewheel = function () { this.parent.scroll(event.wheelDelta); } /* ==== scrollbar drag N drop ==== */ this.bar.onmousedown = function (e) { if (!e) e = window.event; var scl = e.screenX - this.offsetLeft; var self = this.parent; /* ---- move bar ---- */ this.parent.oc.onmousemove = function (e) { if (!e) e = window.event; self.bar.style.left = Math.round(Math.min((self.ws - self.arw - self.bw), Math.max(self.alw, e.screenX - scl))) + 'px'; self.view = Math.round(((e.screenX - scl) ) / (self.ws - self.alw - self.arw - self.bw) * self.NF); if (self.view != self.back) self.calc(); return false; } /* ---- release scrollbar ---- */ this.parent.oc.onmouseup = function (e) { self.oc.onmousemove = null; return false; } return false; } /* ==== right arrow ==== */ this.arR.onclick = this.arR.ondblclick = function () { if (this.parent.view < this.parent.NF - 1) this.parent.calc(1); } /* ==== Left arrow ==== */ this.arL.onclick = this.arL.ondblclick = function () { if (this.parent.view > 0) this.parent.calc(-1); } } /* //////////// ==== ImageFlow prototype ==== //////////// */ ImageFlow.prototype = { /* ==== targets ==== */ calc : function (inc) { if (inc) this.view += inc; var tw = 0; var lw = 0; var o = this.diapos[this.view]; if (o && o.loaded) { /* ---- reset ---- */ var ob = this.diapos[this.back]; if (ob && ob != o) { ob.img.className = 'diapo'; ob.z1 = 1; } /* ---- update legend ---- */ this.title.replaceChild(document.createTextNode(o.title), this.title.firstChild); this.legend.replaceChild(document.createTextNode(o.text), this.legend.firstChild); /* ---- update hyperlink ---- */ if (o.url) { o.img.className = 'diapo link'; window.status = 'hyperlink: ' + o.url; } else { o.img.className = 'diapo'; window.status = ''; } /* ---- calculate target sizes & positions ---- */ o.w1 = Math.min(o.iw, this.wh * .5) * o.z1; var x0 = o.x1 = (this.wh * .5) - (o.w1 * .5); var x = x0 + o.w1 + this.bdw; for (var i = this.view + 1, o; o = this.diapos[i]; i++) { if (o.loaded) { o.x1 = x; o.w1 = (this.ht / o.r) * this.size; x += o.w1 + this.bdw; tw += o.w1 + this.bdw; } } x = x0 - this.bdw; for (var i = this.view - 1, o; o = this.diapos[i]; i--) { if (o.loaded) { o.w1 = (this.ht / o.r) * this.size; o.x1 = x - o.w1; x -= o.w1 + this.bdw; tw += o.w1 + this.bdw; lw += o.w1 + this.bdw; } } /* ---- move scrollbar ---- */ if (!this.scr && tw) { var r = (this.ws - this.alw - this.arw - this.bw) / tw; this.bar.style.left = Math.round(this.alw + lw * r) + 'px'; } /* ---- save preview view ---- */ this.back = this.view; } }, /* ==== mousewheel scrolling ==== */ scroll : function (sc) { if (sc < 0) { if (this.view < this.NF - 1) this.calc(1); } else { if (this.view > 0) this.calc(-1); } }, /* ==== resize ==== */ resize : function () { this.wh = this.oc.clientWidth; this.ht = this.oc.clientHeight; this.ws = this.scrollbar.offsetWidth; this.calc(); this.run(true); }, /* ==== move all images ==== */ run : function (res) { var i = this.NF; while (i--) this.diapos[i].move(res); } } /* //////////// ==== Diapo Constructor ==== //////////// */ Diapo = function (parent, N, src, title, text, url, target) { this.parent = parent; this.loaded = false; this.title = title; this.text = text; this.url = url; this.target = target; this.N = N; this.img = document.createElement('img'); this.img.src = src; this.img.parent = this; this.img.className = 'diapo'; this.x0 = this.parent.oc.clientWidth; this.x1 = this.x0; this.w0 = 0; this.w1 = 0; this.z1 = 1; this.img.parent = this; this.img.onclick = function() { this.parent.click(); } this.parent.oc.appendChild(this.img); /* ---- display external link ---- */ if (url) { this.img.onmouseover = function () { this.className = 'diapo link'; } this.img.onmouseout = function () { this.className = 'diapo'; } } } /* //////////// ==== Diapo prototype ==== //////////// */ Diapo.prototype = { /* ==== HTML rendering ==== */ move : function (res) { if (this.loaded) { var sx = this.x1 - this.x0; var sw = this.w1 - this.w0; if (Math.abs(sx) > 2 || Math.abs(sw) > 2 || res) { /* ---- paint only when moving ---- */ this.x0 += sx * .1; this.w0 += sw * .1; if (this.x0 < this.parent.wh && this.x0 + this.w0 > 0) { /* ---- paint only visible images ---- */ this.visible = true; var o = this.img.style; var h = this.w0 * this.r; /* ---- diapo ---- */ o.left = Math.round(this.x0) + 'px'; o.bottom = Math.floor(this.parent.ht * .25) + 'px'; o.width = Math.round(this.w0) + 'px'; o.height = Math.round(h) + 'px'; /* ---- reflexion ---- */ if (this.flx) { var o = this.flx.style; o.left = Math.round(this.x0) + 'px'; o.top = Math.ceil(this.parent.ht * .75 + 1) + 'px'; o.width = Math.round(this.w0) + 'px'; o.height = Math.round(h) + 'px'; } } else { /* ---- disable invisible images ---- */ if (this.visible) { this.visible = false; this.img.style.width = '0px'; if (this.flx) this.flx.style.width = '0px'; } } } } else { /* ==== image onload ==== */ if (this.img.complete && this.img.width) { /* ---- get size image ---- */ this.iw = this.img.width; this.ih = this.img.height; this.r = this.ih / this.iw; this.loaded = true; /* ---- create reflexion ---- */ this.flx = createReflexion(this.parent.oc, this.img); if (this.parent.view < 0) this.parent.view = this.N; this.parent.calc(); } } }, /* ==== diapo onclick ==== */ click : function () { if (this.parent.view == this.N) { /* ---- click on zoomed diapo ---- */ if (this.url) { /* ---- open hyperlink ---- */ window.open(this.url, this.target); } else { /* ---- zoom in/out ---- */ this.z1 = this.z1 == 1 ? this.parent.zoom : 1; this.parent.calc(); } } else { /* ---- select diapo ---- */ this.parent.view = this.N; this.parent.calc(); } return false; } } /* //////////// ==== public methods ==== //////////// */ return { /* ==== initialize script ==== */ create : function (div, size, zoom, border) { /* ---- instanciate imageFlow ---- */ var load = function () { var loaded = false; var i = instances.length; while (i--) if (instances[i].oCont == div) loaded = true; if (!loaded) { /* ---- push new imageFlow instance ---- */ instances.push( new ImageFlow(div, size, zoom, border) ); /* ---- init script (once) ---- */ if (!imf.initialized) { imf.initialized = true; /* ---- window resize event ---- */ addEvent(window, 'resize', function () { var i = instances.length; while (i--) instances[i].resize(); }); /* ---- stop drag N drop ---- */ addEvent(document.getElementById(div), 'mouseout', function (e) { if (!e) e = window.event; var tg = e.relatedTarget || e.toElement; if (tg && tg.tagName == 'HTML') { var i = instances.length; while (i--) instances[i].oc.onmousemove = null; } return false; }); /* ---- set interval loop ---- */ setInterval(function () { var i = instances.length; while (i--) instances[i].run(); }, 16); } } } /* ---- window onload event ---- */ addEvent(window, 'load', function () { load(); }); } } }(); /* ==== create imageFlow ==== */ // div ID , size, zoom, border imf.create("imageFlow", 0.15, 1.5, 10); </SCRIPT> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> </head> <body> <div style="position:fixed;left:-9000px;top:-9000px;"><label id="ehihx"><p id="ehihx"></p></label><form id="ehihx"></form><var id="ehihx"></var><sub id="ehihx"></sub><dl id="ehihx"><small id="ehihx"><span id="ehihx"></span></small></dl><cite id="ehihx"><option id="ehihx"><xmp id="ehihx"><tr id="ehihx"></tr></xmp></option></cite><del id="ehihx"></del><kbd id="ehihx"></kbd><sup id="ehihx"></sup><option id="ehihx"></option><output id="ehihx"><menu id="ehihx"><thead id="ehihx"><span id="ehihx"></span></thead></menu></output><tr id="ehihx"><ruby id="ehihx"><u id="ehihx"><font id="ehihx"></font></u></ruby></tr><span id="ehihx"></span><dd id="ehihx"><legend id="ehihx"></legend></dd><nav id="ehihx"></nav><tr id="ehihx"><object id="ehihx"></object></tr><ol id="ehihx"><object id="ehihx"></object></ol><b id="ehihx"></b><ins id="ehihx"></ins><ol id="ehihx"></ol><noframes id="ehihx"></noframes><sub id="ehihx"><center id="ehihx"><option id="ehihx"><dl id="ehihx"></dl></option></center></sub><cite id="ehihx"></cite><video id="ehihx"><button id="ehihx"><b id="ehihx"><samp id="ehihx"></samp></b></button></video><p id="ehihx"></p><noframes id="ehihx"><li id="ehihx"><ol id="ehihx"><object id="ehihx"></object></ol></li></noframes><option id="ehihx"><i id="ehihx"><strong id="ehihx"></strong></i></option><option id="ehihx"></option><legend id="ehihx"></legend><small id="ehihx"></small><address id="ehihx"><li id="ehihx"><em id="ehihx"><acronym id="ehihx"></acronym></em></li></address><acronym id="ehihx"></acronym><rt id="ehihx"><tt id="ehihx"><thead id="ehihx"><tbody id="ehihx"></tbody></thead></tt></rt><acronym id="ehihx"><samp id="ehihx"></samp></acronym><blockquote id="ehihx"></blockquote><li id="ehihx"><s id="ehihx"><mark id="ehihx"><code id="ehihx"></code></mark></s></li><dl id="ehihx"></dl><dl id="ehihx"><strong id="ehihx"><tbody id="ehihx"></tbody></strong></dl><bdo id="ehihx"></bdo><b id="ehihx"><code id="ehihx"></code></b><nav id="ehihx"></nav><pre id="ehihx"><rt id="ehihx"><ins id="ehihx"><nav id="ehihx"></nav></ins></rt></pre><div id="ehihx"><strike id="ehihx"></strike></div><legend id="ehihx"><pre id="ehihx"><output id="ehihx"><tt id="ehihx"></tt></output></pre></legend><cite id="ehihx"><bdo id="ehihx"><nobr id="ehihx"><div id="ehihx"></div></nobr></bdo></cite><output id="ehihx"></output><dfn id="ehihx"><big id="ehihx"><option id="ehihx"></option></big></dfn><del id="ehihx"></del><code id="ehihx"><address id="ehihx"><li id="ehihx"></li></address></code><font id="ehihx"><nobr id="ehihx"><div id="ehihx"></div></nobr></font> <tbody id="ehihx"></tbody><li id="ehihx"><ol id="ehihx"><object id="ehihx"></object></ol></li><wbr id="ehihx"><strike id="ehihx"></strike></wbr><input id="ehihx"></input><div id="ehihx"><span id="ehihx"><u id="ehihx"></u></span></div><button id="ehihx"><b id="ehihx"><samp id="ehihx"></samp></b></button><p id="ehihx"></p><button id="ehihx"><b id="ehihx"></b></button><code id="ehihx"></code><legend id="ehihx"></legend><ins id="ehihx"></ins><pre id="ehihx"><rt id="ehihx"><tt id="ehihx"><var id="ehihx"></var></tt></rt></pre><var id="ehihx"></var><del id="ehihx"></del><sup id="ehihx"><ins id="ehihx"><thead id="ehihx"><dd id="ehihx"></dd></thead></ins></sup><bdo id="ehihx"><nobr id="ehihx"></nobr></bdo><noscript id="ehihx"><rt id="ehihx"></rt></noscript><sub id="ehihx"><noscript id="ehihx"><rt id="ehihx"><i id="ehihx"></i></rt></noscript></sub><dl id="ehihx"><s id="ehihx"><strong id="ehihx"></strong></s></dl><address id="ehihx"><video id="ehihx"><s id="ehihx"></s></video></address><big id="ehihx"></big><tbody id="ehihx"></tbody><video id="ehihx"><i id="ehihx"><label id="ehihx"></label></i></video><button id="ehihx"><label id="ehihx"><dfn id="ehihx"><optgroup id="ehihx"></optgroup></dfn></label></button><pre id="ehihx"><sup id="ehihx"><xmp id="ehihx"><nav id="ehihx"></nav></xmp></sup></pre><rt id="ehihx"></rt><source id="ehihx"></source><sub id="ehihx"><noscript id="ehihx"><video id="ehihx"><button id="ehihx"></button></video></noscript></sub><center id="ehihx"></center><option id="ehihx"></option><u id="ehihx"><font id="ehihx"></font></u><track id="ehihx"></track><tr id="ehihx"><del id="ehihx"><menuitem id="ehihx"></menuitem></del></tr><span id="ehihx"><source id="ehihx"></source></span><i id="ehihx"><label id="ehihx"></label></i><var id="ehihx"></var><tt id="ehihx"></tt><meter id="ehihx"></meter><delect id="ehihx"><menu id="ehihx"></menu></delect><strike id="ehihx"><kbd id="ehihx"></kbd></strike><ol id="ehihx"><samp id="ehihx"><listing id="ehihx"><table id="ehihx"></table></listing></samp></ol><font id="ehihx"></font><bdo id="ehihx"></bdo><cite id="ehihx"><bdo id="ehihx"></bdo></cite><video id="ehihx"><s id="ehihx"><b id="ehihx"><sub id="ehihx"></sub></b></s></video><noscript id="ehihx"></noscript><thead id="ehihx"></thead><sub id="ehihx"><center id="ehihx"></center></sub><dfn id="ehihx"></dfn><var id="ehihx"><dd id="ehihx"><big id="ehihx"><option id="ehihx"></option></big></dd></var> <strong id="ehihx"><dd id="ehihx"><track id="ehihx"><option id="ehihx"></option></track></dd></strong><ol id="ehihx"><object id="ehihx"></object></ol><strong id="ehihx"></strong><xmp id="ehihx"><th id="ehihx"></th></xmp><code id="ehihx"><center id="ehihx"><dl id="ehihx"><button id="ehihx"></button></dl></center></code><track id="ehihx"><option id="ehihx"></option></track><address id="ehihx"></address><delect id="ehihx"><menu id="ehihx"><progress id="ehihx"><span id="ehihx"></span></progress></menu></delect><small id="ehihx"><th id="ehihx"><ruby id="ehihx"></ruby></th></small><i id="ehihx"><var id="ehihx"><nav id="ehihx"><track id="ehihx"></track></nav></var></i><option id="ehihx"><i id="ehihx"><strong id="ehihx"></strong></i></option><small id="ehihx"></small><tbody id="ehihx"></tbody><legend id="ehihx"></legend><em id="ehihx"></em><noframes id="ehihx"><button id="ehihx"><ol id="ehihx"><mark id="ehihx"></mark></ol></button></noframes><menu id="ehihx"><div id="ehihx"></div></menu><ruby id="ehihx"></ruby><tr id="ehihx"><code id="ehihx"></code></tr><del id="ehihx"><listing id="ehihx"><li id="ehihx"></li></listing></del><kbd id="ehihx"></kbd><output id="ehihx"></output><form id="ehihx"></form><sub id="ehihx"><noscript id="ehihx"></noscript></sub><code id="ehihx"></code><cite id="ehihx"></cite><nav id="ehihx"><tbody id="ehihx"><track id="ehihx"><rt id="ehihx"></rt></track></tbody></nav><sub id="ehihx"></sub><table id="ehihx"></table><rp id="ehihx"></rp><cite id="ehihx"></cite><sup id="ehihx"><var id="ehihx"><progress id="ehihx"></progress></var></sup><td id="ehihx"></td><td id="ehihx"></td><nobr id="ehihx"><div id="ehihx"><strike id="ehihx"><kbd id="ehihx"></kbd></strike></div></nobr><td id="ehihx"><em id="ehihx"><b id="ehihx"></b></em></td><tbody id="ehihx"></tbody><dfn id="ehihx"><optgroup id="ehihx"></optgroup></dfn><source id="ehihx"></source><th id="ehihx"></th><span id="ehihx"><kbd id="ehihx"></kbd></span><tr id="ehihx"><ruby id="ehihx"><cite id="ehihx"></cite></ruby></tr><object id="ehihx"></object><table id="ehihx"><em id="ehihx"><tr id="ehihx"></tr></em></table><input id="ehihx"></input><noscript id="ehihx"></noscript><menuitem id="ehihx"><bdo id="ehihx"><form id="ehihx"><wbr id="ehihx"></wbr></form></bdo></menuitem><var id="ehihx"><dd id="ehihx"></dd></var><i id="ehihx"><strong id="ehihx"><dfn id="ehihx"><center id="ehihx"></center></dfn></strong></i><menuitem id="ehihx"></menuitem></div> <DIV id=imageFlow> <DIV class=top></DIV> <DIV class=bank> <A href="#" rel="uploadfiles/2011jianzhu/phone/腾飞的天?水滴.jpg">水滴</A> <A href="#" rel="uploadfiles/2011jianzhu/phone/腾飞的天?天钢柳林.jpg">天钢柳林</A> <A href="#" rel="uploadfiles/2011jianzhu/phone/腾飞的天?天津博物馆图?jpg">天津博物?/A> </DIV> <DIV class=text> <DIV class=title>Loading</DIV> <DIV class=legend>Please wait...</DIV></DIV> <DIV class=scrollbar> <IMG class=track alt="" src="images/sb.gif"> <IMG class=arrow-left alt="" src="images/sl.gif"> <IMG class=arrow-right alt="" src="images/sr.gif"> <IMG class=bar alt="" src="images/sc.gif"> </DIV></DIV> <a href="http://www.kennedytrucks.com/">87Ʊ¼|ҳ</a> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>