亚州一级-亚州视频在线-亚州视频一区二区-亚州视频一区-亚州三级视频-亚州三级

我們的專業品牌服務商：網站建設、品牌策劃設計、網站優化、網站推廣等業務

專業的互聯網絡解決方案、完善的售后服務體系 —— 龍誠互聯(溫州網絡公司溫州網站建設),當前IP:

龍誠簡介 | 企業文化 | 我們的優勢 | 龍誠人 | 招兵募馬

龍誠動態 | 行業新聞 | 我們的觀點 | 公司公告

標準企業站 | 外貿商務站| 商城門戶站 | 品牌動畫站 | 在線訂制

網站制作流程 | 建站知識 | 網站SEO優化 | 域名&空間 | 網站備案 | 下載中心

聯系方式 | 留言反饋

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"><br /> <html xmlns="<a >http://www.w3.org/1999/xhtml</a>"><br /> <head><br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /> <title>彈出層效果</title><br /> <style type="text/css"><br /> html, body {height:100%;}<br /> body, h2, p {margin:0px;padding:0px; font-size:12px;}<br /> body {font-size:12px; text-align:center; }<br /> .alert_backg {width:100%;height:100%;top:0px;left:0px;position:absolute;background:#000;opacity:0;filter:alpha(opacity:0)}<br /> .alert_frame {width:340px;height:120px;top:50%;left:50%;position:absolute;display:inline;margin:-60px 0 0 -170px;opacity:0;filter:alpha(opacity:0)}<br /> .alert_frame .top_l {width:5px;height:5px;float:left;overflow:hidden;background:url(/jscss/demoimg/201109/corner.png) no-repeat;}<br /> .alert_frame .top_c {width:330px;height:5px;float:left;overflow:hidden;background:url(/jscss/demoimg/201109/wraplayer.png) repeat-x;}<br /> .alert_frame .top_r {width:5px;height:5px;float:left;overflow:hidden;background:url(/jscss/demoimg/201109/corner.png) no-repeat -5px 0;}<br /> .alert_frame .con {width:100%;height:110px;float:left;overflow:hidden;}<br /> .alert_frame .con_l {width:5px;height:100%;float:left;overflow:hidden;background:url(/jscss/demoimg/201109/wraplayer.png) repeat-y;}<br /> .alert_frame .con_c {width:330px;height:100%;float:left;overflow:hidden;background:#fff;}<br /> .alert_frame .con_r {width:5px;height:100%;float:left;overflow:hidden;background:url(/jscss/demoimg/201109/wraplayer.png) repeat-y;}<br /> .alert_frame .bot_l {width:5px;height:5px;float:left;overflow:hidden;background:url(/jscss/demoimg/201109/corner.png) no-repeat 0 -5px;}<br /> .alert_frame .bot_c {width:330px;height:5px;float:left;overflow:hidden;background:url(/jscss/demoimg/201109/wraplayer.png) repeat-x;}<br /> .alert_frame .bot_r {width:5px;height:5px;float:left;overflow:hidden;background:url(/jscss/demoimg/201109/corner.png) no-repeat -5px -5px;}<br /> .alert_frame .alert_tit {width:328px;height:27px;float:left;color:#000;line-height:27px;border:1px solid #fff;background:url(/jscss/demoimg/201109/alert_tit_bg.jpg) repeat-x;}<br /> .alert_frame .alert_tit h2 {float:left;text-indent:10px;font-size:14px;font-weight:bold;font-family:"\u5FAE\u8F6F\u96C5\u9ED1";}<br /> .alert_frame .alert_tit em {width:8px;height:7px;overflow:hidden;float:right;cursor:pointer;background:url(/jscss/demoimg/201109/gnbimgs.gif) no-repeat;display:inline;margin:10px 10px 0 0;}<br /> .alert_frame .alert_tit em.hove {background:url(/jscss/demoimg/201109/gnbimgs.gif) no-repeat -8px 0;}<br /> .alert_frame .alert_con {width:330px;height:81px;float:left;border-top:1px solid #e5e5e5;}<br /> .size {width:100%;height:45px;text-align:center;line-height:45px;color:#000;}<br /> .but {width:100%;height:22px;text-align:center;line-height:22px;}<br /> .button {width:55px;height:22px;text-align:center;line-height:22px;color:#fff;background:url(/jscss/demoimg/201109/but.jpg) no-repeat;border:none;display:inline;margin:0 8px;cursor:pointer;}<br /> .title {width:800px;height:35px;color:#fff;line-height:35px;font-family:Verdana;font-weight:bold;text-align:left;margin:20px auto 0 auto;font-size:24px;}<br /> .table {width:800px;height:auto;overflow:hidden;margin:0 auto 20px auto;font-size:12px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:#fff;}<br /> .table ul {margin:0px;padding:0px;float:left;list-style-type:none;}<br /> .table li {width:159px;height:30px;float:left;color:#3e3e3e;text-indent:10px;text-align:left;line-height:30px;font-family:Verdana,"微軟雅黑"; border-right:1px solid #ddd;border-bottom:1px solid #ddd;}<br /> .table li.td {color:#fff;font-size:14px;font-family:"微軟雅黑";font-weight:bold;background:#424242;}<br /> .table li.tit {width:479px;}<br /> .table .tr {width:800px;height:30px;float:left;text-indent:10px;text-align:left;line-height:30px;font-size:14px;font-family:Verdana;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}<br /> .table .tr a {color:#ff6600;text-decoration:none;}<br /> .table .tr a:hover {text-decoration:underline;}<br /> </style><br /> <script type="text/javascript"><br /> function $(id){<br /> return typeof id === "string" ? document.getElementById(id) : id;<br /> }<br /> function $$(oParent, elem){<br /> return (oParent || document).getElementsByTagName(elem);<br /> }<br /> function $$$(oParent, sClass){<br /> var aElem = $$(oParent, '*');<br /> var aClass = [];<br /> var i = 0;<br /> for(i=0;i<aElem.length;i++)if(aElem[i].className == sClass)aClass.push(aElem[i]);<br /> return aClass;<br /> }<br /> function Alert(){<br /> this.initialize.apply(this, arguments);<br /> }<br /> Object.extend = function(destination, source){<br /> for (var property in source) {<br /> destination[property] = source[property];<br /> }<br /> return destination;<br /> };<br /> Alert.prototype = {<br /> initialize : function(obj, frame, onEnd){<br /> if($(obj)){<br /> var _this = this;<br /> this.obj = $(obj);<br /> this.frame = frame;<br /> this.oEve(onEnd);<br /> this.oTitle = this.onEnd.title;<br /> this.oContent = this.onEnd.content;<br /> this.iWidth = this.onEnd.width;<br /> this.iHeight = this.onEnd.height;<br /> this.iTop = this.onEnd.top;<br /> this.iLeft = this.onEnd.left;<br /> this.iFixed = this.onEnd.fixed;<br /> this.iClose = this.onEnd.close;<br /> this.obj.onclick = function(){_this.create(),_this.backg();};<br /> window.onresize = function(){_this.backg();};<br /> }<br /> },<br /> create : function(){<br /> this.oDiv = document.createElement('div');<br /> this.oAlert_backg = document.createElement('div');<br /> this.oAlert_frame = document.createElement('div');<br /> this.oTop_l = document.createElement('div');<br /> this.oTop_c = document.createElement('div');<br /> this.oTop_r = document.createElement('div');<br /> this.oCon = document.createElement('div');<br /> this.oCon_l = document.createElement('div');<br /> this.oCon_c = document.createElement('div');<br /> this.oCon_r = document.createElement('div');<br /> this.oBot_l = document.createElement('div');<br /> this.oBot_c = document.createElement('div');<br /> this.oBot_r = document.createElement('div');<br /> this.oDiv.id = this.frame;<br /> this.oAlert_backg.className = 'alert_backg';<br /> this.oAlert_frame.className = 'alert_frame';<br /> this.oTop_l.className = 'top_l';<br /> this.oTop_c.className = 'top_c';<br /> this.oTop_r.className = 'top_r';<br /> this.oCon.className = 'con';<br /> this.oCon_l.className = 'con_l';<br /> this.oCon_c.className = 'con_c';<br /> this.oCon_r.className = 'con_r';<br /> this.oBot_l.className = 'bot_l';<br /> this.oBot_c.className = 'bot_c';<br /> this.oBot_r.className = 'bot_r';<br /> document.body.appendChild(this.oDiv);<br /> this.box = $(this.frame);<br /> this.box.appendChild(this.oAlert_backg);<br /> this.box.appendChild(this.oAlert_frame);<br /> this.oFra = $$$(this.box, 'alert_frame')[0];<br /> this.oFra.appendChild(this.oTop_l);<br /> this.oFra.appendChild(this.oTop_c);<br /> this.oFra.appendChild(this.oTop_r);<br /> this.oFra.appendChild(this.oCon);<br /> this.oFra.appendChild(this.oBot_l);<br /> this.oFra.appendChild(this.oBot_c);<br /> this.oFra.appendChild(this.oBot_r);<br /> this.oCone = $$$(this.box, 'con')[0];<br /> this.oCone.appendChild(this.oCon_l);<br /> this.oCone.appendChild(this.oCon_c);<br /> this.oCone.appendChild(this.oCon_r);<br /> this.tit = $(this.frame);<br /> this.con = $$$(this.tit, 'con_c')[0];<br /> this.oAlert_tit = document.createElement('div');<br /> this.oAlert_con = document.createElement('div');<br /> this.oH2 = document.createElement('h2');<br /> this.oAlert_tit.className = 'alert_tit';<br /> this.oAlert_con.className = 'alert_con';<br /> if(this.oTitle != ""){<br /> this.con.appendChild(this.oAlert_tit);<br /> this.con.appendChild(this.oAlert_con);<br /> this.oAlert_tit = $$$(this.tit, 'alert_tit')[0];<br /> this.oH2.innerHTML = this.oTitle;<br /> this.oAlert_tit.appendChild(this.oH2);<br /> }<br /> this.content();<br /> this.width();<br /> this.height();<br /> this.top();<br /> this.left();<br /> this.fixed();<br /> this.close();<br /> this.Top = this.oFra.offsetTop;<br /> this.oFra.style.top = (this.Top - 40) +'px';<br /> this.oFra.style.marginTop = 0;<br /> this.sMove(this.oFra, {top:this.Top, opacity:100});<br /> this.sMove(this.oBackg, {opacity:50});<br /> },<br /> oEve: function(onEnd){<br /> this.onEnd = {};<br /> Object.extend(this.onEnd, onEnd || {});<br /> },<br /> content : function(){<br /> this.conent = $$$(this.tit, 'alert_con')[0];<br /> this.conent == undefined ? this.con.innerHTML = this.oContent : this.conent.innerHTML = this.oContent;<br /> this.oButton = $$(this.tit, 'button');<br /> var i = 0;<br /> var _this = this;<br /> for(i=0;i<this.oButton.length;i++)this.oButton[i].onclick = function(){_this.em.onclick()};<br /> },<br /> width : function(){<br /> this.oBackg = $$$(this.tit, 'alert_backg')[0];<br /> this.oFrame = $$$(this.tit, 'alert_frame')[0];<br /> this.oCon = $$$(this.oFrame, 'con')[0];<br /> this.oTop_c = $$$(this.oFrame, 'top_c')[0];<br /> this.oCon_c = $$$(this.oFrame, 'con_c')[0];<br /> this.oBot_c = $$$(this.oFrame, 'bot_c')[0];<br /> this.oAlert_tit = $$$(this.oFrame, 'alert_tit')[0];<br /> this.oAlert_con = $$$(this.oFrame, 'alert_con')[0];<br /> if(this.iWidth != ""){<br /> this.oFrame.style.width = parseInt(this.iWidth) +'px';<br /> this.oFrame.style.marginLeft = -parseInt(this.iWidth) / 2 +'px';<br /> this.oTop_c.style.width = parseInt(this.iWidth) - 10 +'px';<br /> this.oCon_c.style.width = parseInt(this.iWidth) - 10 +'px';<br /> this.oBot_c.style.width = parseInt(this.iWidth) - 10 +'px';<br /> this.oAlert_tit.style.width = parseInt(this.iWidth) - 12 +'px';<br /> this.oAlert_con.style.width = parseInt(this.iWidth) - 10 +'px';<br /> }<br /> },<br /> height : function(){<br /> if(this.iHeight != ""){<br /> this.oFrame.style.height = parseInt(this.iHeight) +'px';<br /> this.oFrame.style.marginTop = -parseInt(this.iHeight) / 2 +'px';<br /> this.oCon.style.height = parseInt(this.iHeight) - 10 +'px';<br /> this.oAlert_con.style.height = parseInt(this.iHeight) - 40 +'px';<br /> }<br /> },<br /> top : function(){<br /> if(this.iTop != "")this.oFrame.style.top = parseInt(this.iTop) +'px',this.oFrame.style.marginTop = 0;<br /> },<br /> left : function(){<br /> if(this.iLeft != "")this.oFrame.style.left = parseInt(this.iLeft) +'px',this.oFrame.style.marginLeft = 0;<br /> },<br /> backg : function(){<br /> this.oScrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;<br /> this.oScrollWidth = document.documentElement.scrollWidth || document.body.scrollWidth;<br /> this.oBackg.style.width = document.documentElement.clientWidth + (this.oScrollWidth - document.documentElement.clientWidth) +'px'<br /> this.oBackg.style.height = document.documentElement.clientHeight + (this.oScrollHeight - document.documentElement.clientHeight) +'px'<br /> },<br /> fixed : function(){<br /> if(this.iFixed == "fixed"){<br /> var _this = this;<br /> this.oFrame.style.position = 'fixed';<br /> this.oAlert_tit.style.cursor = 'move';<br /> this.oAlert_tit.onmousedown = function(e){<br /> var _thisE = this;<br /> this.oEvent = e || event;<br /> this.X = this.oEvent.clientX - _this.oFrame.offsetLeft;<br /> this.Y = this.oEvent.clientY - _this.oFrame.offsetTop;<br /> document.onmousemove = function(e){<br /> this.oEvent = e || event;<br /> this.L = this.oEvent.clientX - _thisE.X;<br /> this.T = this.oEvent.clientY - _thisE.Y;<br /> if(this.L < 0){<br /> this.L = 0;<br /> }else if(this.L > document.documentElement.clientWidth - _this.oFrame.offsetWidth){<br /> this.L = document.documentElement.clientWidth - _this.oFrame.offsetWidth<br /> }<br /> if(this.T < 0){<br /> this.T = 0;<br /> }else if(this.T > document.documentElement.clientHeight - _this.oFrame.offsetHeight){<br /> this.T = document.documentElement.clientHeight - _this.oFrame.offsetHeight;<br /> }<br /> _this.oFrame.style.left = this.L + 'px';<br /> _this.oFrame.style.top = this.T + 'px';<br /> _this.oFrame.style.margin = 0;<br /> return false;<br /> }<br /> document.onmouseup = function(){<br /> document.onmouseup = null;<br /> document.onmousemove = null;<br /> };<br /> return false;<br /> <br /> };<br /> if(this.oFrame){<br /> if(!-[1,] && !window.XMLHttpRequest){<br /> document.documentElement.style.textOverflow = "ellipsis";<br /> this.oFrame.style.position = "absolute";<br /> this.oFrame.style.setExpression("top", "eval(documentElement.scrollTop + " + this.oFrame.offsetTop + ') + "px"');<br /> }<br /> }<br /> }<br /> },<br /> close : function(){<br /> if(this.iClose == "close" && this.oTitle != ""){<br /> var _this = this;<br /> this.clos = $$$(this.tit, 'alert_tit')[0];<br /> var oEm = document.createElement('em');<br /> this.clos.appendChild(oEm);<br /> this.em = $$(this.tit, 'em')[0];<br /> this.em.onmouseover = function(){_this.em.className = 'hove';};<br /> this.em.onmouseout = function(){_this.em.className = '';};<br /> this.em.onclick = function(){<br /> _this.sMove(_this.oFra, {top:(_this.Top - 40), opacity:0},function(){<br /> document.body.removeChild(_this.em.parentNode.parentNode.parentNode.parentNode.parentNode);<br /> });<br /> _this.sMove(_this.oBackg, {opacity:0});<br /> }<br /> }<br /> },<br /> getStyle : function(obj, attr)<br /> {<br /> return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj, false)[attr];<br /> },<br /> sMove : function(obj, json, onEnd){<br /> var _this = this;<br /> clearInterval(obj.timer);<br /> obj.timer = setInterval(function(){<br /> _this.dMove(obj, json, onEnd);<br /> },30);<br /> },<br /> dMove : function(obj, json, onEnd){<br /> this.attr = '';<br /> this.bStop = true;<br /> <br /> for(this.attr in json){<br /> this.iCur = 0; <br /> this.attr == 'opacity' ? this.iCur = parseInt(parseFloat(this.getStyle(obj, this.attr))*100) : this.iCur = parseInt(this.getStyle(obj, this.attr));<br /> this.iSpeed = (json[this.attr] - this.iCur) / 7;<br /> this.iSpeed = this.iSpeed > 0 ? Math.ceil(this.iSpeed) : Math.floor(this.iSpeed); <br /> if(json[this.attr] != this.iCur)this.bStop = false;<br /> if(this.attr == 'opacity'){<br /> obj.style.filter = 'alpha(opacity:' + (this.iCur + this.iSpeed) +')';<br /> obj.style.opacity = (this.iCur + this.iSpeed ) / 100;<br /> }else{<br /> obj.style[this.attr] = this.iCur + this.iSpeed + 'px';<br /> }<br /> }<br /> if(this.bStop){<br /> clearInterval(obj.timer); <br /> if(onEnd)onEnd();<br /> }<br /> }<br /> };<br /> window.onload = function(){<br /> new Alert('but', 'box', {<br /> title : '提示內容',<br /> content : '<div class="size">確定不在關注新浪微博？</div><div class="but"><button class="button">確定</button><button class="button">取消</button></div>',<br /> width : '',<br /> height : '',<br /> top : '',<br /> left : '',<br /> fixed : '',<br /> close : 'close'<br /> });<br /> };<br /> </script><br /> </head><br /> <body style="height:950px;"><br /> <div class="title">API</div><br /> <div class="table"><br /> <ul><br /> <li class="td">屬性</li><br /> <li class="td">默認值</li><br /> <li class="tit td">說明</li><br /> <li>ButId</li><br /> <li>but</li><br /> <li class="tit">點擊按鈕Id（必選）</li><br /> <li>ElementId</li><br /> <li>box</li><br /> <li class="tit">彈出層Id（必選）</li><br /> <li>title</li><br /> <li>提示信息</li><br /> <li class="tit">提示層標題（可選）</li><br /> <li>content</li><br /> <li>自行編輯</li><br /> <li class="tit">提示層內容（可選）</li><br /> <li>width</li><br /> <li>340px</li><br /> <li class="tit">提示層寬度（可選）</li><br /> <li>height</li><br /> <li>120px</li><br /> <li class="tit">提示層高度（可選）</li><br /> <li>top</li><br /> <li>絕對居中</li><br /> <li class="tit">提示層上間距（可選）</li><br /> <li>left</li><br /> <li>絕對居中</li><br /> <li class="tit">提示層上間距（可選）</li><br /> <li>fixed</li><br /> <li>相對定位</li><br /> <li class="tit">跟誰滾動條絕對定位/是否拖拽（fixed:'fixed'）（可選）</li><br /> <li>close</li><br /> <li>close</li><br /> <li class="tit">是否顯示關閉按鈕（close:'close'）（可選）</li><br /> </ul><br /> <div class="tr"><a href="javascript:;" id="but">Examples</a></div><br /> </div><br /> </body><br /> </html></p>

地址：溫州市甌海區站南商貿城C幢306室
總機：0577-55882408；傳真：0577-55882411
E-mail：115047027@qq.com
業務咨詢：0577-55882401
售后熱線：0577-55882408
技術咨詢：0577-55882411
copyright ? 溫州龍誠互聯版權所有
浙ICP備11044124號-1
您是第位訪客

主站蜘蛛池模板：耽美肉文高h | 日本伊人色综合网 | 亚洲天堂v | 视频一区二区国产无限在线观看 | 日韩亚洲一区中文字幕在线 | 日韩人成 | 趴好撅高打屁股sp调教h | 亚洲精品成人AV在线观看爽翻 | 网友自拍偷拍 | 精品一区二区三区在线播放 | 国产区小视频 | sihu国产午夜精品一区二区三区 | 无码精品一区二区三区免费视频 | 国产成人免费在线观看 | 免费特黄一区二区三区视频一 | 国产午夜精品一区二区三区不卡 | 精品一区二区国语对白 | 91精品国产色综合久久不卡蜜 | 国产激情久久久久影院小草 | 日韩免费一级毛片 | 国产视频91在线 | 亚洲激情视频在线 | 婷婷激情综合五月天 | 把美女屁股眼扒开图片 | 亚洲天堂导航 | 德国高清freexxxx性 | 久久视频这里只精品99热在线观看 | 日本性生活免费看 | 成人免费视频一区二区三区 | 成人影院www在线观看 | 极致堕落(高h) | 性夜影院午夜看片 | 国产日产欧产精品精品软件 | 冰雪奇缘1完整版免费观看变形金刚第一部 | 国产精品一区二区国产 | 天天做天天爱天天操 | 欧美一区二区三区四区五区六区 | 日本人成大片在线 | 91视频综合网 | 俄罗斯12一15处交 | 四虎在线免费播放 |