兽性总裁的爱奴,小说网,欢乐颂小说在线阅读

我們的專業(yè)品牌服務(wù)商：網(wǎng)站建設(shè)、品牌策劃設(shè)計、網(wǎng)站優(yōu)化、網(wǎng)站推廣等業(yè)務(wù)

專業(yè)的互聯(lián)網(wǎng)絡(luò)解決方案、完善的售后服務(wù)體系 —— 龍誠互聯(lián)(溫州網(wǎng)絡(luò)公司溫州網(wǎng)站建設(shè)),當(dāng)前IP:

龍誠簡介 | 企業(yè)文化 | 我們的優(yōu)勢 | 龍誠人 | 招兵募馬

龍誠動態(tài) | 行業(yè)新聞 | 我們的觀點 | 公司公告

標(biāo)準(zhǔn)企業(yè)站 | 外貿(mào)商務(wù)站| 商城門戶站 | 品牌動畫站 | 在線訂制

聯(lián)系方式 | 留言反饋

- 龍誠動態(tài)
  
  行業(yè)新聞
  
  我們的觀點
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報價
  - 聯(lián)系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯(lián)系手機：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁-新聞中心-建站技術(shù)
  <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>用 Javascript 實現(xiàn)錨點(Anchor)間平滑跳轉(zhuǎn)</title> <script language="javascript"> // 說明：用 Javascript 實現(xiàn)錨點(Anchor)間平滑跳轉(zhuǎn) // 轉(zhuǎn)換為數(shù)字 function intval(v) { v = parseInt(v); return isNaN(v) ? 0 : v; } // 獲取元素信息 function getPos(e) { var l = 0; var t = 0; var w = intval(e.style.width); var h = intval(e.style.height); var wb = e.offsetWidth; var hb = e.offsetHeight; while (e.offsetParent) { l += e.offsetLeft + (e.currentStyle?intval(e.currentStyle.borderLeftWidth):0); t += e.offsetTop + (e.currentStyle?intval(e.currentStyle.borderTopWidth):0); e = e.offsetParent; } l += e.offsetLeft + (e.currentStyle?intval(e.currentStyle.borderLeftWidth):0); t += e.offsetTop + (e.currentStyle?intval(e.currentStyle.borderTopWidth):0); return {x:l, y:t, w:w, h:h, wb:wb, hb:hb}; } // 獲取滾動條信息 function getScroll() { var t, l, w, h; if (document.documentElement && document.documentElement.scrollTop) { t = document.documentElement.scrollTop; l = document.documentElement.scrollLeft; w = document.documentElement.scrollWidth; h = document.documentElement.scrollHeight; } else if (document.body) { t = document.body.scrollTop; l = document.body.scrollLeft; w = document.body.scrollWidth; h = document.body.scrollHeight; } return { t: t, l: l, w: w, h: h }; } // 錨點(Anchor)間平滑跳轉(zhuǎn) function scroller(el, duration) { if(typeof el != 'object') { el = document.getElementById(el); } if(!el) return; var z = this; z.el = el; z.p = getPos(el); z.s = getScroll(); z.clear = function() { window.clearInterval(z.timer);z.timer=null }; z.t=(new Date).getTime(); z.step = function() { var t = (new Date).getTime(); var p = (t - z.t) / duration; if (t >= duration + z.t) { z.clear(); window.setTimeout(function(){z.scroll(z.p.y, z.p.x)},13); } else { st = ((-Math.cos(p*Math.PI)/2) + 0.5) * (z.p.y-z.s.t) + z.s.t; sl = ((-Math.cos(p*Math.PI)/2) + 0.5) * (z.p.x-z.s.l) + z.s.l; z.scroll(st, sl); } }; z.scroll = function (t, l){window.scrollTo(l, t)}; z.timer = window.setInterval(function(){z.step();},13); } </script> <style type="text/css"> div.test { width:400px; margin:5px auto; border:1px solid #ccc; } div.test strong { font-size:16px; background:#fff; border-bottom:1px solid #aaa; margin:0; display:block; padding:5px 0; text-decoration:underline; color:#059B9A; cursor:pointer; } div.test p { height:400px; background:#f1f1f1; margin:0; } </style> </head> <body> <form id="form1" runat="server"> <div id="0kkqlfz" class="test"> <a name="header_1" id="header_1"></a> <strong onclick="javascript:scroller('header_4', 800);">header_1 --> header_4</strong><p></p> </div> <div id="0kkqlfz" class="test"> <a name="header_2" id="header_2"></a> <strong onclick="javascript:scroller('header_5', 800);">header_2 --> header_5</strong><p></p> </div> <div id="0kkqlfz" class="test"> <a name="header_3" id="header_3"></a> <strong onclick="javascript:scroller('header_6', 800);">header_3 --> header_6</strong><p></p> </div> <div id="0kkqlfz" class="test"> <a name="header_4" id="header_4"></a> <strong onclick="javascript:scroller('header_7', 800);">header_4 --> header_7</strong><p></p> </div> <div id="0kkqlfz" class="test"> <a name="header_5" id="header_5"></a> <strong onclick="javascript:scroller('header_3', 800);">header_5 --> header_3</strong><p></p> </div> <div id="0kkqlfz" class="test"> <a name="header_6" id="header_6"></a> <strong onclick="javascript:scroller('header_2', 800);">header_6 --> header_2</strong><p></p> </div> <div id="0kkqlfz" class="test"> <a name="header_7" id="header_7"></a> <strong onclick="javascript:scroller('header_1', 800);">header_7 --> header_1</strong><p></p> </div> </form> </body> </html>

欧美成人69-欧美成人aaaa免费高清-欧美成人aaa大片-欧美成人xxxx-大杳蕉伊人狼人久久一本线-大又大粗又爽又黄少妇毛片