標籤：des style blog http java color
<!DOCTYPE HTML><html lang="zh-cn"><head><meta charset="utf-8" /><meta http-equiv="Content-Language" content="zh-cn" /><title>自訂捲軸</title><meta name="keywords" content="" /><meta name="description" content="" /><style type="text/css">body,div,p{margin: 0px; padding: 0px;}.wrap{width: 315px; height: 402px; position: relative; margin: 100px;overflow: hidden;}p{font:14px/2.0 ‘微軟雅黑‘; color: #566; text-shadow:0px 0px 1px #999;}#parent{width: 12px; height: 402px; background: #ace;position: absolute; top: 0px;right: 0px;}#dateil{width: 10px; height: 30px; background: #eca; position: absolute; cursor:pointer; top: 0px; left: 1px;}#main{width: 300px;height: 400px;border:1px solid #ccc; position: absolute; top: 0px;left: 0px;}.cont{width: 280px;padding: 10px; position: absolute; top: 0px; left: 0px;}</style></head><body style=‘height:2000px;‘><div class="wrap"><div id=‘parent‘><div id=‘dateil‘></div></div><div id=‘main‘><div class="cont"><p>玄黃珠是一方世界，可以孕育玄黃之氣，修鍊者在其中修鍊不但會洗滌靈智和靈根，甚至會自動修正修鍊者功法的偏差。不但如此，修鍊速度還是別人的數倍甚至數十上百倍。而且，長期在玄黃之氣中修鍊，可以同階無敵……</p><p>前主人東方旺，東方旺自爆後使其遁走，某些原因機緣巧合砸中寧城，使寧城穿越到奕星大陸！開天闢地之物，話說混沌初開，生靈萬物俱無，天地連成一片，只在其間孕育著一株混沌青蓮，那青蓮有葉五片，開花二十四瓣，結成一顆蓮子。待得億萬年期滿，蓮子裂開，Apsara Distributed File System大神手執開天斧出世，Apsara Distributed File System大神因不滿混沌中那無窮無盡的壓抑，遂用那開天斧將天地劈開。</p><p>與其同等層次的法寶還有另外四種：造化玄黃珠、造化玉蝶、造化金頁、造化不滅斧。</p><p>開天闢地之物，記載了大道三千，與開天神斧、混沌青蓮並為混沌至寶，因開天而破損，後大部分為鴻鈞老祖所得，助其成就混元大羅金仙果位，是為：高臥九重天，蒲團了道真，天地玄黃外，吾當掌教尊，Apsara Distributed File System生太極，兩儀四象循，一道傳三友，兩教闡截分，玄門都領袖，一氣化鴻鈞。</p><p>與其同等層次的法寶還有另外四種：造化玄黃珠、造化青蓮、造化金頁、造化不滅斧。</p></div></div></div><script type="text/javascript">window.onload = function(){var oParent = document.getElementById(‘parent‘);var dateil = document.getElementById(‘dateil‘); var oMain = document.getElementById(‘main‘);var oCont = oMain.getElementsByTagName(‘div‘)[0];var max = oCont.offsetHeight - oMain.offsetHeight;dateil.onmousedown = function(ev){ var ev = ev||event; var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;var disY = ev.clientY + scrollTop - this.offsetTop;if(dateil.setCapture){dateil.setCapture();}document.onmousemove = function(ev){var ev = ev||event;var T = ev.clientY + scrollTop - disY;setTop(T);}document.onmouseup = function(){document.onmousemove = document.onmouseup = null;if(dateil.setCapture){detail.releaseCapture();}}return false;}function bindDetail(obj,sEvent,fn){if(obj.attachEvent){obj.attachEvent(‘on‘+sEvent,fn);}else{obj.addEventListener(sEvent,fn,false);}}bindDetail(oParent,‘mousewheel‘,getDetail);bindDetail(oParent,‘DOMMouseScroll‘,getDetail);bindDetail(oMain,‘mousewheel‘,getDetail);bindDetail(oMain,‘DOMMouseScroll‘,getDetail);bindDetail(); function getDetail(ev){ var ev = ev||event;var b = true; if(ev.detail){ b = ev.detail > 0 ? false : true; }else{ b = ev.wheelDelta > 0 ? true:false; }if(b){setTop(dateil.offsetTop - 10);}else{setTop(dateil.offsetTop + 10);}if(ev.preventDefault){ev.preventDefault();}return false; }function setTop(t){if(t <= 0){t = 0;}else if( t >= oParent.offsetHeight - dateil.offsetHeight){t = oParent.offsetHeight - dateil.offsetHeight;} dateil.style.top = t + ‘px‘; var scale = t/(oParent.offsetHeight - dateil.offsetHeight); oCont.style.top = -scale * max + ‘px‘;}}</script></body></html>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
