网页元素移动

javascript:/*dragon*/var b=X=Y=T=L=0;document.addEventListener(%22click%22,function(a){a.preventDefault()},!0);document.addEventListener(%22mousedown%22,c);document.addEventListener(%22touchstart%22,c);function c(a){a.preventDefault();a.target!==document.documentElement&&a.target!==document.body&&(b=Date.now(),a.target.setAttribute(%22data-drag%22,b),a.target.style.position=%22relative%22,T=a.target.style.top.split(%22px%22)[0]||0,L=a.target.style.left.split(%22px%22)[0]||0);X=a.clientX||a.touches[0].clientX;Y=a.clientY||a.touches[0].clientY}document.addEventListener(%22mousemove%22,d);document.addEventListener(%22touchmove%22,d);function d(a){if(%22%22!==b){var e=document.querySelector('[data-drag=%22'+b+'%22]');e.style.top=parseInt(T)+parseInt((a.clientY||a.touches[0].clientY)-Y)+%22px%22;e.style.left=parseInt(L)+parseInt((a.clientX||a.touches[0].clientX)-X)+%22px%22}}document.addEventListener(%22mouseup%22,f);document.addEventListener(%22touchend%22,f);function f(){b=%22%22}document.addEventListener(%22mouseover%22,g);function g(a){a.target.style.cursor=%22move%22;a.target.style.boxShadow=%22inset lime 0 0 1px,lime 0 0 1px%22}document.addEventListener(%22mouseout%22,h);function h(a){a.target.style.cursor=a.target.style.boxShadow=%22%22};

作者很懒，没有填写描述。

屏幕尺子

javascript:void('http://centricle.com/tools/favelets/');marqueeColor=prompt('Marquee%20Color:','red');initMarquee=document.createElement('div');marquee=document.body.appendChild(initMarquee);marquee.style.position='absolute';marquee.style.border='dashed%201px%20red';initControls=document.createElement('div');controls=document.body.appendChild(initControls);controls.style.position='absolute';controls.style.top='-300px';controls.style.left='-300px';controls.style.width='85px';controls.style.background='%23eee';controls.style.padding='5px';controls.style.border='solid%201px%20%23ccc';controls.style.font='10px%20verdana,sans-serif';controls.style.width='85px';controls.style.zIndex='99';controls.innerHTML='%3Cb%3ECurrent:%3C/b%3E%3Cbr%3E%20x:%3Cspan%20id=%22currentX%22%3E0%3C/span%3E%20y:%3Cspan%20id=%22currentY%22%3E0%3C/span%3E%3Cbr%3E%3Cb%3EBegin:%3C/b%3E%3Cbr%3E%20x:%3Cspan%20id=%22beginX%22%3E0%3C/span%3E%20y:%3Cspan%20id=%22beginY%22%3E0%3C/span%3E%3Cbr%3E%3Cb%3EEnd:%3C/b%3E%3Cbr%3E%20x:%3Cspan%20id=%22endX%22%3E0%3C/span%3E%20y:%3Cspan%20id%20=%22endY%22%3E0%3C/span%3E%3Cbr%3E%3Cb%3EDimensions:%3C/b%3E%3Cbr%3E%20w:%3Cspan%20id=%22dimX%22%3E0%3C/span%3E%20h:%3Cspan%20id=%22dimY%22%3E0%3C/span%3E';document.onmousemove=follow;document.onmousedown=beginDrag;document.onmouseup=endDrag;currentX=document.getElementById('currentX');currentY=document.getElementById('currentY');beginX=document.getElementById('beginX');beginY=document.getElementById('beginY');endX=document.getElementById('endX');endY=document.getElementById('endY');dimX=document.getElementById('dimX');dimY=document.getElementById('dimY');var%20marqueeLeft=0;var%20marqueeTop=0;dragging=false;void(document.body.style.cursor='crosshair');function%20follow(e){x=e.pageX;y=e.pageY;controls.style.left=x+15+'px';controls.style.top=y+15+'px';currentX.innerHTML=x;currentY.innerHTML=y;if(dragging){marquee.style.width=x-dragstartX+'px';dimX.innerHTML=Math.abs(x-dragstartX);marquee.style.height=y-dragstartY+'px';dimY.innerHTML=Math.abs(y-dragstartY);}return%20true;};function%20beginDrag(e){marquee.style.width=0;marquee.style.height=0;marquee.style.borderColor=marqueeColor;dragging=true;x=e.pageX;y=e.pageY;marquee.style.visibility='visible';marquee.style.left=x+'px';marquee.style.top=y+'px';dragstartX=x;dragstartY=y;beginX.innerHTML=x;beginY.innerHTML=y;return%20true;}function%20endDrag(e){dragging=false;x=e.pageX;y=e.pageY;endX.innerHTML=x;endY.innerHTML=y;return%20true;}

作者很懒，没有填写描述。

字体查询

javascript:(function(){if(!document.getElementById('fountscript')){var%20founts=document.createElement('script');founts.src='https://fount.artequalswork.com/fount.js';founts.id='fountscript';document.body.appendChild(founts);}})();

作者很懒，没有填写描述。

背景网格化

javascript:(function(){if(window.d){document.body.removeChild(d);window.d=null;%7Delse{window.d=document.createElement(%27div%27);d.style.id=%27grid_overlay%27;d.style.position=%27absolute%27;d.style.left=%270%27;d.style.top=%270%27;d.style.width=%27100%%27;d.style.height=(document.body.clientHeight%3Edocument.documentElement.clientHeight)?document.body.clientHeight+%27px%27:%27100%%27;d.style.background=%27url%28data%3Aimage/png%2C%2589PNG%250D%250A%251A%250A%2500%2500%2500%250DIHDR%2500%2500%2500d%2500%2500%2500d%2508%2503%2500%2500%2500G%253Cef%2500%2500%2500%2519tEXtSoftware%2500Adobe%2520ImageReadyq%25C9e%253C%2500%2500%2500%2509PLTE%25FF%25C8%25C4%25FF%25EE%25ED%25FF%25FF%25FF%250C%25B6o%2514%2500%2500%2500%2503tRNS%25FF%25FF%2500%25D7%25CA%250DA%2500%2500%2500_IDATx%25DA%25EC%25D5%21%250E%2500%2520%250C%2504%25C1%2583%25FF%253F%251A%2585%25EF%25E1H%25A6%250A%25D3%258Ch6d%25D5%2593%2587%258D%257Dg%25FAJ%25BF%2501%2581%2540%2506%2588%25E2%21%2510%25C5%252B%251E%2502Q%25BC%25E2%21%2510%25C5%252B%251E%2502%25F9%2507%25C9%259D%25E9%252B%25FD%2586%259B%2540%2520%25FEx7%2581%2540%2514%25EF%2526%2510%2588%25E2%251D%251E%2502Q%25BC%25C3C%2520%25DD%25C6%2511%2560%2500S%2526E%25F7%25D8%2525%257D%25D5%2500%2500%2500%2500IEND%25AEB%2560%2582%29%27;document.body.appendChild(d)%7D%7D)();

作者很懒，没有填写描述。

网页元素测距

javascript:(function(){document.body.appendChild(document.createElement('script')).src='https://unpkg.com/spacingjs'})();

作者很懒，没有填写描述。

网页测量工具

javascript:function%20fnStartDesign(sUrl)%20{var%20nScript%20=%20document.createElement('script');nScript.setAttribute('language','JavaScript');nScript.setAttribute('src',sUrl);document.body.appendChild(nScript);}fnStartDesign('//www.sprymedia.co.uk/design/design/media/js/design-loader.js');

作者很懒，没有填写描述。

RGB to Hex

javascript:ALs7eTyH=new%20Function('var%20c,s,i,h=\'\',x=\'0123456789ABCDEF\';c=prompt(\'R,G,B...\',\'\');if(c){s=c.split(\',\');for(i=0;i<3;i++){n=parseInt(s[i]);h+=x.charAt(n>>4)+x.charAt(n&15)}void(prompt(\'Hexcolor:\',h))}else%20void(null)');ALs7eTyH()

作者很懒，没有填写描述。

Hex to RGB

javascript:T3KcBzwj=new%20Function('var%20i,h=prompt(\'Hexcolor...\',\'\'),x=\'0123456789ABCDEF\',c=\'\';if(h){h=h.toUpperCase();for(i=0;i<6;i+=2)c+=16*x.indexOf(h.charAt(i))+x.indexOf(h.charAt(i+1))+\'%20%20\';prompt(\'RGB%20values:\',c)}');T3KcBzwj();void(null)

作者很懒，没有填写描述。

216种标准色

javascript:t='';c=new%20Array('00','33','66','99','CC','FF');for(i=0;i<6;i++){t+='<table%20width=100%>';for(j=0;j<6;j++){t+='<tr>';for(k=0;k<6;k++){L=c[i]+c[j]+c[k];t+='<td%20bgcolor='+L+'>'+L}t+='</tr>'}t+='</table>'};with(document){write(t);void(close())}

作者很懒，没有填写描述。

颜色选择器

javascript:window.open('',%20'',%20'popup,width=100,height=100,left=$%7Bwindow.screen.availWidth%20-%20140%7D,top=$%7Bwindow.screen.availHeight%20-%20100%7D').document.body.innerHTML%20=%20'%3Cinput%20type=%22color%22%3E';location.reload(true);

作者很懒，没有填写描述。

系统颜色选择器

javascript:let input=document.createElement('input');input.setAttribute('type','color');document.head.append(input);input.click();

作者很懒，没有填写描述。

网页灰度特效

javascript:(function(){document.body.setAttribute('style','filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxmaWx0ZXIgaWQ9J2dyYXlzY2FsZSc%2BPGZlQ29sb3JNYXRyaXggdHlwZT0nbWF0cml4JyB2YWx1ZXM9JzAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAgMCAwIDEgMCcvPjwvZmlsdGVyPjwvc3ZnPg%3D%3D#grayscale);-webkit-transform:%20translateZ(0);-webkit-filter:grayscale(1);filter:grayscale(1);');})();

作者很懒，没有填写描述。

网页模糊特效

javascript:(function(){document.body.setAttribute('style','filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxmaWx0ZXIgaWQ9J2JsdXInPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249JzEwJyAvPjwvZmlsdGVyPjwvc3ZnPg%3D%3D#blur);-webkit-filter:blur(10px);filter:blur(10px);');})();

作者很懒，没有填写描述。

网页翻转特效

javascript:(function(){document.body.setAttribute('style','-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);');})();

作者很懒，没有填写描述。

网页倾斜特效

javascript:(function(){['', '-ms-', '-webkit-', '-o-', '-moz-'].map(function(prefix){Array.prototype.slice.call(document.querySelectorAll('div,p,span,img,a,body')).map(function(el){el.style[prefix + 'transform'] = 'rotate(' + (Math.floor(Math.random() * 3) - 1) + 'deg)';});});}())

作者很懒，没有填写描述。

网页骨架特效

javascript:(()=>{const VERSION=%222021-01-12 13:06:28%22,midColor=rgb=>rgb.replace(/\d+/g,num=>(num=+num)>=128?128+(num-128)/2:128-(128-num)/2),textNodes=[],copyAtts=(newEl,el)=%3E{const%20atts=[%22id%22,%22class%22,%22style%22];for(const%20att%20of%20atts)el.getAttribute(att)&&newEl.setAttribute(att,el.getAttribute(att))},getPic=(width,height,text)=%3E{const%20canvas=document.createElement(%22canvas%22),ctx=canvas.getContext(%222d%22);canvas.width=width,canvas.height=height,ctx.fillStyle=%22#F3F3F3%22,ctx.fillRect(0,0,width,height);const%20strArr=text.split(/\n/g),maxLength=Math.max.apply(null,strArr.map(s=%3Es.length));if(maxLength){const%20fontSize=Math.min(width/maxLength,height/strArr.length);ctx.font=%22Bold%20%22+fontSize+%22px%20Consolas%22,ctx.textAlign=%22center%22,ctx.fillStyle=%22#999%22;const%20x=width/2,y=(height-fontSize*strArr.length)/2+fontSize;strArr.forEach((str,i)=%3E{ctx.fillText(str,x,y+i*fontSize)})}return%20canvas.toDataURL(%22image/png%22)};document.body.querySelectorAll(%22*%22).forEach(el=%3E{for(e%20of%20el.childNodes)e.nodeType==Node.TEXT_NODE&&textNodes.push(e);const%20elStyle=window.getComputedStyle(el);if(%22none%22!==elStyle.backgroundImage&&/^url\(.*\)$/.test(elStyle.backgroundImage)){const%20img=document.createElement(%22img%22);img.src=elStyle.backgroundImage.replace(/^url\(%22(.*)%22\)$/,%22$1%22),img.onload=()=%3E{el.style.backgroundImage='url(%22'+getPic(img.width,img.height,img.width%3E30&&img.height%3E30?%22background\n%22+img.width+%22x%22+img.height:%22%22)+'%22)'}}if(-1!==[%22IMG%22,%22SVG%22,%22CANVAS%22,%22VIDEO%22].indexOf(el.tagName)){const%20width=(+elStyle.width.replace(/px$/,%22%22)).toFixed(),height=(+elStyle.height.replace(/px$/,%22%22)).toFixed();if(%22IMG%22===el.tagName)return%20el.src=getPic(el.naturalWidth,el.naturalHeight,width+%22x%22+height),void(el.srcset.length&&(el.srcset=el.src));const%20newEl=document.createElement(%22img%22);return%20newEl.src=getPic(width,height,el.tagName+%22\n%22+width+%22x%22+height),copyAtts(newEl,el),void%20el.parentNode.replaceChild(newEl,el)}if(%22INPUT%22===el.tagName||%22TEXTAREA%22===el.tagName)return%20el.value=el.value.replace(/./g,%22%E2%96%AE%22),void(el.placeholder=el.placeholder.replace(/./g,%22%E2%96%AE%22))}),document.title=document.title.replace(/./g,%22%E2%96%AE%22),textNodes.forEach(textEl=%3E{if(/^[\s\n]*$/g.test(textEl.textContent))return;const%20elStyle=window.getComputedStyle(textEl.parentNode);if(!elStyle.lineHeight||!elStyle.fontSize)return;const%20newTextNode=document.createElement(%22span%22),color=%22rgba(0,0,0,0)%20!important%22,bgColor=elStyle.color,lineHeight=+elStyle.lineHeight.replace(/px$/,%22%22),fontSize=+elStyle.fontSize.replace(/px$/,%22%22),blankHeight=(100*(lineHeight-.8*fontSize)/2/lineHeight).toFixed(),bgGradient=%22linear-gradient(to%20bottom,%20transparent%2020%,%20%22+midColor(bgColor)+%22%2020%%2080%,%20transparent%2080%)%20!important%22;newTextNode.style=%22color:%20%22+color+%22;%20background:%20%22+bgGradient+%22;%22,newTextNode.innerHTML=textEl.textContent,textEl.parentNode.replaceChild(newTextNode,textEl)})})();

作者很懒，没有填写描述。

网页下雪特效

javascript: (t => { function i() { this.D = function() { const t = h.atan(this.i / this.d); l.save(), l.translate(this.b, this.a), l.rotate(-t), l.scale(this.e, this.e * h.max(1, h.pow(this.j, .7) / 15)), l.drawImage(m, -v / 2, -v / 2), l.restore() } } window; const h = Math, r = h.random, a = document, o = Date.now; e = (t => { l.clearRect(0, 0, _, f), l.fill(), requestAnimationFrame(e); const i = .001 * y.et; y.r(); const s = L.et * g; for (var n = 0; n < C.length; ++n) { const t = C[n]; t.i = h.sin(s + t.g) * t.h, t.j = h.sqrt(t.i * t.i + t.f), t.a += t.d * i, t.b += t.i * i, t.a > w && (t.a = -u), t.b > b && (t.b = -u), t.b < -u && (t.b = b), t.D() } }), s = (t => { for (var e = 0; e < p; ++e) C[e].a = r() * (f + u), C[e].b = r() * _ }), n = (t => { c.width = _ = innerWidth, c.height = f = innerHeight, w = f + u, b = _ + u, s() }); class d { constructor(t, e = !0) { this._ts = o(), this._p = !0, this._pa = o(), this.d = t, e && this.s() } get et() { return this.ip ?%20this._pa%20-%20this._ts%20:%20o()%20-%20this._ts%20}%20get%20rt()%20{%20return%20h.max(0,%20this.d%20-%20this.et)%20}%20get%20ip()%20{%20return%20this._p%20}%20get%20ic()%20{%20return%20this.et%20%3E=%20this.d%20}%20s()%20{%20return%20this._ts%20=%20o()%20-%20this.et,%20this._p%20=%20!1,%20this%20}%20r()%20{%20return%20this._pa%20=%20this._ts%20=%20o(),%20this%20}%20p()%20{%20return%20this._p%20=%20!0,%20this._pa%20=%20o(),%20this%20}%20st()%20{%20return%20this._p%20=%20!0,%20this%20}%20}%20const%20c%20=%20a.createElement(%27canvas%27);%20H%20=%20c.style,%20H.position%20=%20%27fixed%27,%20H.left%20=%200,%20H.top%20=%200,%20H.width%20=%20%27100vw%27,%20H.height%20=%20%27100vh%27,%20H.zIndex%20=%20%27100000%27,%20H.pointerEvents%20=%20%27none%27,%20a.body.insertBefore(c,%20a.body.children[0]);%20const%20l%20=%20c.getContext(%272d%27),%20p%20=%20300,%20g%20=%205e-4,%20u%20=%2020;%20let%20_%20=%20c.width%20=%20innerWidth,%20f%20=%20c.height%20=%20innerHeight,%20w%20=%20f%20+%20u,%20b%20=%20_%20+%20u;%20const%20v%20=%2015.2,%20m%20=%20a.createElement(%27canvas%27),%20E%20=%20m.getContext(%272d%27),%20x%20=%20E.createRadialGradient(7.6,%207.6,%200,%207.6,%207.6,%207.6);%20x.addColorStop(0,%20%27hsla(255,255%,255%,1)%27),%20x.addColorStop(1,%20%27hsla(255,255%,255%,0)%27),%20E.fillStyle%20=%20x,%20E.fillRect(0,%200,%20v,%20v);%20let%20y%20=%20new%20d(0,%20!0),%20C%20=%20[],%20L%20=%20new%20d(0,%20!0);%20for%20(var%20j%20=%200;%20j%20%3C%20p;%20++j)%20{%20const%20t%20=%20new%20i;%20t.a%20=%20r()%20*%20(f%20+%20u),%20t.b%20=%20r()%20*%20_,%20t.c%20=%201%20*%20(3%20*%20r()%20+%20.8),%20t.d%20=%20.1%20*%20h.pow(t.c,%202.5)%20*%2050%20*%20(2%20*%20r()%20+%201),%20t.d%20=%20t.d%20%3C%2065%20?%2065%20:%20t.d,%20t.e%20=%20t.c%20/%207.6,%20t.f%20=%20t.d%20*%20t.d,%20t.g%20=%20r()%20*%20h.PI%20/%201.3,%20t.h%20=%2015%20*%20t.c,%20t.i%20=%200,%20t.j%20=%200,%20C.push(t)%20}%20s(),%20EL%20=%20a.addEventListener,%20EL(%27visibilitychange%27,%20()%20=%3E%20setTimeout(n,%20100),%20!1),%20EL(%27resize%27,%20n,%20!1),%20e()%20})()

作者很懒，没有填写描述。

网页地震特效

javascript:(function(w,url,hasjq)%20{%20if%20(!(hasjq%20=%20w.jQuery))%20{%20var%20s%20=%20document.createElement('script');%20s.src%20=%20url;%20(document.getElementsByTagName('head')[0]%20||%20document.getElementsByTagName('body')[0]).appendChild(s);%20}%20(function%20go()%20{%20if%20(!w.jQuery)%20{%20return%20w.setTimeout(go,%20200);%20}%20var%20$%20=%20w.jQuery;%20if%20(!hasjq)%20$%20=%20$.noConflict();%20var%20$s%20=%20$('p,div,img,span,strong,em');%20(function%20shake()%20{%20$s.each(function()%20{%20if%20(this.shift)%20this.shift%20=%200;%20else%20this.shift%20=%20(2*(Math.floor(Math.random()%20*%202))%20-%201)%20*%20(Math.floor(Math.random()%20*%204));%20$(this).css('margin-left',%20this.shift);%20});%20w.setTimeout(shake,%2080);%20})();%20})();})(window,%20'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js')

作者很懒，没有填写描述。

特朗普MAGA特效

javascript:(function(){Array.prototype.slice.call(document.querySelectorAll('img')).map(function(el){el.src = 'https://tva1.sinaimg.cn/large/e6c9d24egy1h24wbc0jozj20ku0fnjsg.jpg';});}())

作者很懒，没有填写描述。

新建参考线

javascript:(function(){var Event=function(){'use strict';this.attach=function(evtName,element,listener,capture){var evt='',useCapture=(capture===undefined)?true:capture,handler=null;if(window.addEventListener===undefined){evt=%27on%27+evtName;handler=function(evt,listener){element.attachEvent(evt,listener);return%20listener;};}else{evt=evtName;handler=function(evt,listener,useCapture){element.addEventListener(evt,listener,useCapture);return%20listener;};}return%20handler.apply(element,[evt,function(ev){var%20e=ev||event,src=e.srcElement||e.target;listener(e,src);},useCapture]);};this.detach=function(evtName,element,listener,capture){var%20evt=%27%27,useCapture=(capture===undefined)?true:capture;if(window.removeEventListener===undefined){evt=%27on%27+evtName;element.detachEvent(evt,listener);}else{evt=evtName;element.removeEventListener(evt,listener,useCapture);}};this.stop=function(evt){evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}};this.prevent=function(evt){if(evt.preventDefault){evt.preventDefault();}else{evt.returnValue=false;}};};var%20Dragdrop=function(evt){%27use%20strict%27;var%20elem=null,started=0,self=this,moveHandler=null,doc=document.documentElement,body=document.body,gWidth=(document.body.scrollWidth%3Edocument.documentElement.clientWidth)?document.body.scrollWidth:document.documentElement.clientWidth,gHeight=Math.max(body.scrollHeight,body.offsetHeight,doc.clientHeight,doc.scrollHeight,doc.offsetHeight),move=function(e){var%20xDiff=e.clientX-elem.posX,yDiff=e.clientY-elem.posY,x=xDiff-(xDiff%elem.snap)+%27px%27,y=yDiff-(yDiff%elem.snap)+%27px%27;if(started===1){switch(elem.mode){case%200:elem.style.top=y;elem.style.left=x;break;case%201:elem.style.left=x;break;case%202:elem.style.top=y;break;}if(elem.mode!==2){if(xDiff%3C=elem.minX){elem.style.left=elem.minX+%27px%27;}if(elem.offsetLeft+elem.offsetWidth%3E=elem.maxX){elem.style.left=(elem.maxX-elem.offsetWidth)+%27px%27;}}if(elem.mode!==1){if(yDiff%3C=elem.minY){elem.style.top=elem.minY+%27px%27;}if(elem.offsetTop+elem.offsetHeight%3E=elem.maxY){elem.style.top=(elem.maxY-elem.offsetHeight)+%27px%27;}}elem.onMove(elem);}},start=function(e,src){if(src.className.indexOf(%27draggable%27)!==-1){evt.prevent(e);moveHandler=evt.attach(%27mousemove%27,document,move,true);started=1;elem=src;elem.posX=e.clientX-elem.offsetLeft;elem.posY=e.clientY-elem.offsetTop;if(elem.mode===undefined){self.set(elem);}elem.onStart(elem);if(elem.setCapture){elem.setCapture();}}},stop=function(){if(started===1){started=0;elem.onStop(elem);evt.detach(%27mousemove%27,document,moveHandler);if(elem.releaseCapture){elem.releaseCapture();}}};evt.attach(%27mousedown%27,document,start,false);evt.attach(%27mouseup%27,document,stop,false);this.start=start;this.set=function(element,elemOptions){var%20options=elemOptions||{};elem=(typeof%20element===%27string%27)?document.getElementById(element):element;elem.mode=options.mode||0;elem.minX=options.minX||0;elem.maxX=options.maxX||gWidth;elem.minY=options.minY||0;elem.maxY=options.maxY||gHeight;elem.snap=options.snap||1;elem.onStart=options.onstart||function(){};elem.onMove=options.onmove||function(){};elem.onStop=options.onstop||function(){};elem.style.left=elem.offsetLeft+%27px%27;elem.style.top=elem.offsetTop+%27px%27;elem.unselectable=%27on%27;};};var%20RulersGuides=function(evt,dragdrop){%27use%20strict%27;var%20doc=document.documentElement,body=document.body,wrapper=null,lockHandler=null,locked=1,hRuler=null,vRuler=null,menu=null,dialogs=[],snapDialog=null,openGridDialog=null,xSnap=0,ySnap=0,mode=2,guides={},guidesCnt=0,gUid=%27%27,rulerStatus=1,guideStatus=1,hBound=0,vBound=0,gridList=null,gridListLen=0,menuBtn=null,gInfoBlockWrapper=null,detailsStatus=0,domElements=[],domDimensions=[],resizeTimer=null,snapDom=0,cssText=%27html,body{margin:0;padding:0}.rg-overlay{position:absolute;top:0;left:0;overflow:hidden}.guide{position:absolute;top:0;left:0;z-index:9991;font-size:0}.guide.v{width:1px;height:7000px;border-right:solid%201px%20#00f;cursor:col-resize}.guide.h{width:3000px;height:1px;border-bottom:solid%201px%20#00f;cursor:row-resize}.info{width:50px;height:25px;line-height:25px;text-align:center;position:relative;font-size:13px;background-color:#eee;border:solid%201px%20#ccc;color:#000}.guide.v%20.info{left:2px}.guide.h%20.info{top:2px}.unselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ruler{background-color:#ccc;position:absolute;top:0;left:0;z-index:9990}.ruler%20.label{font:12px%20Arial;color:#000}.ruler,.ruler%20span{font-size:0}.ruler.h{width:3000px;left:-1px;padding-top:14px;border-bottom:solid%201px%20#000}.ruler.v{height:7000px;top:-1px;padding-left:16px;width:25px;border-right:solid%201px%20#000}.ruler.h%20span{border-left:solid%201px%20#999;height:9px;width:1px;vertical-align:bottom;display:inline-block;*display:inline;zoom:1}.ruler.v%20span{display:block;margin-left:auto;margin-right:0;border-top:solid%201px%20#999;width:9px;height:1px}.ruler.v%20span.major{border-top:solid%201px%20#000;width:13px}.ruler.v%20span.milestone{position:relative;border-top:solid%201px%20#000;width:17px}.ruler.v%20span.label{border:0;font-size:9px;position:absolute;text-align:center;width:9px}.ruler.h%20span.major{border-left:solid%201px%20#000;height:13px}.ruler.h%20span.milestone{position:relative;border-left:solid%201px%20#000;height:17px}.ruler.h%20span.label{border:0;font-size:9px;position:absolute;text-align:center;top:-14px;width:9px}.ruler.h%20.l10{left:-5px}.ruler.h%20.l100{left:-7px}.ruler.h%20.l1000{left:-10px}.ruler.v%20.l10,.ruler.v%20.l100,.ruler.v%20.l1000{top:-7px}.ruler.v%20.l10{left:-12px}.ruler.v%20.l100{left:-17px}.ruler.v%20.l1000{left:-23px}.menu-btn{position:fixed;left:3px;top:2px;line-height:9px;z-index:9998;width:20px;height:20px;background-color:red;opacity:.5;font-size:20px;text-align:left;color:#fff;font-weight:700;cursor:pointer;border-radius:2px}.rg-menu{position:fixed;top:22px;left:3px;padding:0;margin:0;list-style:0;display:none;font:13px%20Arial;z-index:9999;box-shadow:2px%202px%2010px%20#ccc}.rg-menu%20li{border-bottom:solid%201px%20#999;padding:0}.rg-menu%20a{background-color:#777;display:block;padding:5px;text-decoration:none;color:#fff;line-height:18px}.rg-menu%20a:hover,.rg-menu%20a.selected{color:#fff;background-color:#3b94ec}.rg-menu%20a.disabled{color:#ccc}.rg-menu%20.desc{display:inline-block;width:170px}.dialog{position:fixed;background-color:#777;z-index:9999;color:#fff;font-size:13px;display:none;box-shadow:2px%202px%2010px%20#ccc}.dialog%20button{border:0;color:#333;cursor:pointer;background-color:#eaeaea;background-image:linear-gradient(#fafafa,#eaeaea);background-repeat:repeat-x;border-radius:3px;text-shadow:0%201px%200%20rgba(255,255,255,.9)}.dialog%20input,.dialog%20select,.dialog%20button{font-size:13px;margin:3px;padding:3px}.dialog%20.title-bar{padding:5px;background-color:#aaa;font-weight:700}.dialog%20.wrapper{padding:10px}.open-dialog%20select,.open-dialog%20button{float:left;display:block}.open-dialog%20.ok-btn,.open-dialog%20.cancel-btn{margin:10px%203px}.open-dialog%20.ok-btn{clear:both}.snap-dialog%20label{font-weight:700;padding:3px}.snap-dialog%20.ok-btn{margin-left:18px}.snap-dialog%20.ok-btn,.snap-dialog%20.cancel-btn{margin-top:10px}.snap-dialog%20.rg-y-label{margin-left:10px}#rg-x-snap,#rg-y-snap{width:50px}.info-block-wrapper{position:absolute;z-index:9989}.info-block{position:absolute;text-align:left}.info-block.even{background:0;background-color:rgba(0,0,255,.2);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#330000FF,%20endColorstr=#330000FF);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#330000FF,%20endColorstr=#330000FF);zoom:1}.info-block.odd{background:0;background-color:rgba(255,0,0,.2);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000,%20endColorstr=#33FF0000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000,%20endColorstr=#33FF0000);zoom:1}.info-block-txt{padding:5px;display:inline-block;vertical-align:top;background-color:#777;color:#fff;font-size:13px;*display:inline;zoom:1}',Ruler=function(type,size){var%20ruler=document.createElement('div'),i=0,span=document.createElement('span'),label=null,labelTxt=null,spanFrag=document.createDocumentFragment(),cnt=Math.floor(size/2);ruler.className='ruler%20'+type+'%20unselectable';for(i;i%3Ccnt;i=i+1){span=span.cloneNode(false);if(i%%2025===0){span.className='milestone';if(i%3E0){label=span.cloneNode(false);label.className='label';if(i%3C50){label.className+='%20l10';}else%20if(i%3E=50&&i%3C500){label.className+='%20l100';}else%20if(i%3E=500){label.className+='%20l1000';}labelTxt=document.createTextNode(i*2);label.appendChild(labelTxt);span.appendChild(label);}span.className='milestone';}else%20if(i%5===0){span.className='major';}else{span.className='';span.removeAttribute('class');}spanFrag.appendChild(span);}ruler.appendChild(spanFrag);return%20ruler;},getWindowSize=function(){var%20w=Math.max(body.scrollWidth,body.offsetWidth,doc.clientWidth,doc.scrollWidth,doc.offsetWidth),h=Math.max(body.scrollHeight,body.offsetHeight,doc.clientHeight,doc.scrollHeight,doc.offsetHeight);return[w,h];},getScrollPos=function(){var%20t=Math.max(doc.scrollTop,body.scrollTop),l=Math.max(doc.scrollLeft,body.scrollLeft);return[t,l];},getScrollSize=function(){var%20w=Math.max(doc.scrollWidth,body.scrollWidth),h=Math.max(doc.scrollHeight,body.scrollHeight);return[w,h];},closeAllDialogs=function(){var%20i=0;for(i;i%3Cdialogs.length;i=i+1){dialogs[i].close();}},removeInboundGuide=function(guide,gUid){var%20scrollPos=getScrollPos();if(rulerStatus===1&&guideStatus===1&&((guide.className==='guide%20h%20draggable'&&guide.offsetTop%3ChBound+scrollPos[0])||(guide.className==='guide%20v%20draggable'&&guide.offsetLeft%3CvBound+scrollPos[1]))){wrapper.removeChild(guide);delete%20guides[gUid];guidesCnt=guidesCnt-1;}},removeInboundGuides=function(){var%20i;for(i%20in%20guides){if(guides.hasOwnProperty(i)){removeInboundGuide(guides[i],i);}}},toggleGuides=function(){var%20i;guideStatus=1-guideStatus;for(i%20in%20guides){if(guides.hasOwnProperty(i)){guides[i].style.display=(guideStatus===1)?'block':'none';}}if(guideStatus===1){wrapper.style.display='block';}},toggleRulers=function(){rulerStatus=1-rulerStatus;if(rulerStatus===1){vRuler.style.display='block';hRuler.style.display='block';wrapper.style.display='block';removeInboundGuides();}else{vRuler.style.display='none';hRuler.style.display='none';}},removeGrid=function(gridName){if(gridList[gridName]!==undefined){delete%20gridList[gridName];window.localStorage.setItem('RulersGuides',JSON.stringify(gridList));gridListLen=gridListLen-1;}},deleteGuides=function(){var%20i;if(guidesCnt%3E0){for(i%20in%20guides){if(guides.hasOwnProperty(i)){wrapper.removeChild(guides[i]);delete%20guides[i];guidesCnt=guidesCnt-1;}}gInfoBlockWrapper.style.display='none';}},renderGrid=function(gridName){if(gridList[gridName]!==undefined){var%20grid=gridList[gridName],guideId=null,guideElem=null;deleteGuides();for(guideId%20in%20grid){if(grid.hasOwnProperty(guideId)){guideElem=document.createElement('div');guideElem.id=guideId;guideElem.className=grid[guideId].cssClass;guideElem.style.cssText=grid[guideId].style;wrapper.appendChild(guideElem);guides[guideId]=guideElem;guidesCnt=guidesCnt+1;}}}},OpenGridDialog=function(){var%20dialog=null,self=this,select=null,renderSelect=function(insertOrUpdate){var%20gridName,options='',i;gridListLen=0;if(window.localStorage){gridList=JSON.parse(window.localStorage.getItem('RulersGuides'));for(i%20in%20gridList){if(gridList.hasOwnProperty(i)){gridListLen=gridListLen+1;}}}if(insertOrUpdate===0){select=document.createElement('select');select.id='grid-list';}if(gridListLen%3E0){for(gridName%20in%20gridList){if(gridList.hasOwnProperty(gridName)){options+='%3Coption%3E'+gridName+'%3C/option%3E';}}select.innerHTML=options;}return%20select;};this.render=function(){if(dialog===null){dialog=document.createElement('div');select=renderSelect(0);var%20text=document.createTextNode(''),titleBar=dialog.cloneNode(false),dialogWrapper=dialog.cloneNode(false),okBtn=document.createElement('button'),cancelBtn=okBtn.cloneNode(false),delBtn=okBtn.cloneNode(false),titleBarTxt=text.cloneNode(false),okBtnTxt=text.cloneNode(false),cancelBtnTxt=text.cloneNode(false),delBtnTxt=text.cloneNode(false);titleBarTxt.nodeValue='Open%20grid';okBtnTxt.nodeValue='OK';cancelBtnTxt.nodeValue='Cancel';delBtnTxt.nodeValue='Delete';dialog.className='dialog%20open-dialog';titleBar.className='title-bar';dialogWrapper.className='wrapper';okBtn.className='ok-btn';cancelBtn.className='cancel-btn';delBtn.className='del-btn';titleBar.appendChild(titleBarTxt);okBtn.appendChild(okBtnTxt);cancelBtn.appendChild(cancelBtnTxt);delBtn.appendChild(delBtnTxt);dialogWrapper.appendChild(select);dialogWrapper.appendChild(delBtn);dialogWrapper.appendChild(okBtn);dialogWrapper.appendChild(cancelBtn);dialog.appendChild(titleBar);dialog.appendChild(dialogWrapper);body.appendChild(dialog);evt.attach('click',delBtn,function(){if(window.confirm('Are%20you%20sure%20?')){if(select.options.length%3E0){removeGrid(select.options[select.selectedIndex].value);select.removeChild(select.options[select.selectedIndex]);}if(select.options.length===0){self.close();}}});evt.attach('click',okBtn,function(){renderGrid(select.value);self.close();});evt.attach('click',cancelBtn,function(){self.close();});}};this.render();this.open=function(){closeAllDialogs();renderSelect(1);if(gridListLen%3E0){dialog.style.display='block';dialog.style.left=((doc.clientWidth-dialog.clientWidth)/2)+'px';dialog.style.top=((doc.clientHeight-dialog.clientHeight)/2)+'px';}};this.close=function(){dialog.style.display='none';};},toggleRulersLock=function(){if(locked===0){if(lockHandler!==null){evt.detach('scroll',window,lockHandler);}}else{lockHandler=evt.attach('scroll',window,function(){var%20pos=getScrollPos(),size=getScrollSize();hRuler.style.top=pos[0]+'px';wrapper.style.height=size[1]+'px';vRuler.style.left=pos[1]+'px';wrapper.style.width=size[0]+'px';});}locked=1-locked;},saveGrid=function(){var%20data={},gridData={},i,gridName='';while(gridName===''&&guidesCnt%3E0){gridName=window.prompt('Save%20grid%20as');if(gridName!==''&&gridName!==false&&gridName!==null&&window.localStorage){for(i%20in%20guides){if(guides.hasOwnProperty(i)){gridData[i]={'cssClass':guides[i].className,'style':guides[i].style.cssText};}}if(window.localStorage.getItem('RulersGuides')!==null){data=JSON.parse(window.localStorage.getItem('RulersGuides'));}data[gridName]=gridData;window.localStorage.setItem('RulersGuides',JSON.stringify(data));gridListLen=gridListLen+1;}}},showDetailedInfo=function(){var%20i,j=0,hGuides=[],vGuides=[],scrollSize=getScrollSize(),infoBlockWrapper=document.createElement('div'),infoFrag=document.createDocumentFragment(),infoBlock=infoBlockWrapper.cloneNode(false),infoBlockTxt=infoBlockWrapper.cloneNode(false),infoData1=document.createTextNode(''),infoData2=infoData1.cloneNode(false),text='',br=document.createElement('br');for(i%20in%20guides){if(guides.hasOwnProperty(i)){if(guides[i].type==='h'){hGuides.push(guides[i].y);}else{vGuides.push(guides[i].x);}}}vGuides.unshift(0);vGuides.push(scrollSize[0]);hGuides.unshift(0);hGuides.push(scrollSize[1]);vGuides=vGuides.sort(function(a,b){return%20a-b;});hGuides=hGuides.sort(function(a,b){return%20a-b;});for(i=0;i%3ChGuides.length-1;i=i+1){j=0;for(j;j%3CvGuides.length-1;j=j+1){infoBlock=infoBlock.cloneNode(false);infoBlockTxt=infoBlockTxt.cloneNode(false);infoData1=infoData1.cloneNode(false);infoData2=infoData2.cloneNode(false);br=br.cloneNode();infoBlockWrapper.className='info-block-wrapper';infoBlock.className='info-block';infoBlockTxt.className='info-block-txt';infoBlock.className+=((i%2!==0&&j%2!==0)||(i%2===0&&j%2===0))?'%20even':'%20odd';infoBlock.style.top=hGuides[i]+'px';infoBlock.style.left=vGuides[j]+'px';infoBlock.style.width=(vGuides[j+1]-vGuides[j])+'px';infoBlock.style.height=(hGuides[i+1]-hGuides[i])+'px';text=(vGuides[j+1]-vGuides[j])+'%20x%20'+(hGuides[i+1]-hGuides[i]);infoData1.nodeValue=text;text=hGuides[i]+'%20:%20'+vGuides[j];infoData2.nodeValue=text;infoBlockTxt.appendChild(infoData1);infoBlockTxt.appendChild(br);infoBlockTxt.appendChild(infoData2);infoBlock.appendChild(infoBlockTxt);infoBlockTxt.style.marginTop=(i===0)?'31px':'0';infoBlockTxt.style.marginLeft=(j===0)?'42px':'0';infoFrag.appendChild(infoBlock);}}infoBlockWrapper.appendChild(infoFrag);if(detailsStatus===1){wrapper.replaceChild(infoBlockWrapper,gInfoBlockWrapper);gInfoBlockWrapper=infoBlockWrapper;}else{gInfoBlockWrapper.style.display='none';}},calculateDomDimensions=function(){var%20x=[],y=[],dm=[],i=0,len=domElements.length,findDimensions=function(elem){var%20t=0,l=0,w=elem.offsetWidth,h=elem.offsetHeight;while(elem){l+=(elem.offsetLeft-elem.scrollLeft+elem.clientLeft);t+=(elem.offsetTop-elem.scrollTop+elem.clientTop);elem=elem.offsetParent;}return[l,t,l+w,t+h];},getUnique=function(arr){var%20u={},a=[],idx=0,arrLen=arr.length;for(idx;idx%3CarrLen;idx=idx+1){if(u.hasOwnProperty(arr[idx])===false){a.push(arr[idx]);u[arr[idx]]=1;}}return%20a;};for(i;i%3Clen;i=i+1){dm=findDimensions(domElements[i]);x.push(dm[0]);x.push(dm[2]);y.push(dm[1]);y.push(dm[3]);}x=getUnique(x).sort(function(a,b){return%20a-b;});y=getUnique(y).sort(function(a,b){return%20a-b;});return[x,y];},Menu=function(){var%20menuList=null,status=0,toggles={},menuItemsList=[{'text':'Hide%20rulers','hotkey':'Ctrl%20+%20Alt%20+%20R','alias':'rulers'},{'text':'Hide%20guides','hotkey':'Ctrl%20+%20Alt%20+%20G','alias':'guides'},{'text':'Hide%20all','hotkey':'Ctrl%20+%20Alt%20+%20A','alias':'all'},{'text':'Unlock%20rulers','hotkey':'Ctrl%20+%20Alt%20+%20L','alias':'lock'},{'text':'Clear%20all%20guides','hotkey':'Ctrl%20+%20Alt%20+%20D','alias':'clear'},{'text':'Open%20grid','hotkey':'Ctrl%20+%20Alt%20+%20O','alias':'open'},{'text':'Save%20grid','hotkey':'Ctrl%20+%20Alt%20+%20G','alias':'save'},{'text':'Snap%20to','hotkey':'Ctrl%20+%20Alt%20+%20C','alias':'snap'},{'text':'Show%20detailed%20info','hotkey':'Ctrl%20+%20Alt%20+%20I','alias':'details'},{'text':'Snap%20to%20DOM','hotkey':'Ctrl%20+%20Alt%20+%20E','alias':'snapdom'}],i=0;this.render=function(){menuBtn=document.createElement('div');menuBtn.className='menu-btn%20unselectable';menuBtn.appendChild(document.createTextNode('\u250C'));menuList=document.createElement('ul');menuList.className='rg-menu';var%20menuItems=document.createDocumentFragment(),li=document.createElement('li'),liLink=document.createElement('a'),liDesc=document.createElement('span'),liHotKey=liDesc.cloneNode(false),liDescTxt=document.createTextNode(''),liHotKeyTxt=liDescTxt.cloneNode(false);liLink.href='javascript:';liDesc.className='desc';liHotKey.className='hotkey';for(i;i%3CmenuItemsList.length;i=i+1){li=li.cloneNode(false);liLink=liLink.cloneNode(false);liDesc=liDesc.cloneNode(false);liHotKey=liHotKey.cloneNode(false);liDescTxt=liDescTxt.cloneNode(false);liHotKeyTxt=liHotKeyTxt.cloneNode(false);liDescTxt.nodeValue=menuItemsList[i].text;liHotKeyTxt.nodeValue=menuItemsList[i].hotkey;liDesc.appendChild(liDescTxt);liHotKey.appendChild(liHotKeyTxt);liLink.appendChild(liDesc);liLink.appendChild(liHotKey);li.appendChild(liLink);menuItems.appendChild(li);toggles[menuItemsList[i].alias]={obj:liLink,txt:liDescTxt};}evt.attach('mousedown',toggles.rulers.obj,function(){toggleRulers();});evt.attach('mousedown',toggles.guides.obj,function(){toggleGuides();});evt.attach('mousedown',toggles.all.obj,function(){if(rulerStatus===1||guideStatus===1){rulerStatus=guideStatus=1;wrapper.style.display='none';}else{rulerStatus=guideStatus=0;wrapper.style.display='block';}toggleRulers();toggleGuides();});evt.attach('mousedown',toggles.lock.obj,function(){toggleRulersLock();});evt.attach('mousedown',toggles.clear.obj,function(){deleteGuides();});evt.attach('mousedown',toggles.open.obj,function(){openGridDialog.open();});evt.attach('mousedown',toggles.save.obj,function(){saveGrid();});evt.attach('mousedown',toggles.snap.obj,function(){snapDialog.open();});evt.attach('mousedown',toggles.details.obj,function(){detailsStatus=1-detailsStatus;showDetailedInfo();});evt.attach('mousedown',toggles.snapdom.obj,function(){snapDom=1-snapDom;if(snapDom===1){domDimensions=calculateDomDimensions();}});menuList.appendChild(menuItems);body.appendChild(menuBtn);body.appendChild(menuList);evt.attach('mousedown',menuBtn,function(){toggles.rulers.txt.nodeValue=(rulerStatus===1)?'Hide%20rulers':'Show%20rulers';if(guidesCnt%3E0){toggles.guides.obj.className='';toggles.clear.obj.className='';toggles.save.obj.className='';toggles.guides.txt.nodeValue=(guideStatus===1)?'Hide%20guides':'Show%20guides';}else{toggles.guides.obj.className='disabled';toggles.clear.obj.className='disabled';toggles.save.obj.className='disabled';}toggles.all.txt.nodeValue=(rulerStatus===1||guideStatus===1)?'Hide%20all':'Show%20all';toggles.lock.txt.nodeValue=(locked===0)?'Lock%20rulers':'Unlock%20rulers';toggles.details.txt.nodeValue=(detailsStatus===0)?'Show%20detailed%20info':'Hide%20detailed%20info';toggles.snapdom.txt.nodeValue=(snapDom===0)?'Snap%20to%20DOM':'Turn%20off%20snap%20to%20DOM';toggles.open.obj.className=(gridListLen%3E0)?'':'disabled';menuList.style.display=(status===0)?'inline-block':'none';status=1-status;});};this.render();this.close=function(){if(menuList!==null){menuList.style.display='none';status=0;}};},SnapDialog=function(){var%20dialog=null,xInput=null,yInput=null,self=this;this.render=function(){if(dialog===null){dialog=document.createElement('div');xInput=document.createElement('input');yInput=xInput.cloneNode(false);var%20text=document.createTextNode(''),okBtn=document.createElement('button'),xLabel=document.createElement('label'),titleBar=dialog.cloneNode(false),dialogWrapper=dialog.cloneNode(false),inputWrapper=dialog.cloneNode(false),btnWrapper=dialog.cloneNode(false),resetBtn=okBtn.cloneNode(false),cancelBtn=okBtn.cloneNode(false),yLabel=xLabel.cloneNode(false),titleBarTxt=text.cloneNode(false),xLabelTxt=text.cloneNode(false),yLabelTxt=text.cloneNode(false),okBtnTxt=text.cloneNode(false),resetBtnTxt=text.cloneNode(false),cancelBtnTxt=text.cloneNode(false);titleBarTxt.nodeValue='Snap%20guides%20to';xLabelTxt.nodeValue='X';yLabelTxt.nodeValue='Y';okBtnTxt.nodeValue='OK';resetBtnTxt.nodeValue='Reset';cancelBtnTxt.nodeValue='Cancel';dialog.className='dialog%20snap-dialog';titleBar.className='title-bar';dialogWrapper.className='wrapper';xLabel.className='rg-x-label';xLabel.setAttribute('for','rg-x-snap');yLabel.className='rg-y-label';yLabel.setAttribute('for','rg-y-snap');xInput.setAttribute('type','number');xInput.value='100';xInput.id='rg-x-snap';xInput.setAttribute('type','number');yInput.value='100';yInput.id='rg-y-snap';okBtn.className='ok-btn';resetBtn.className='reset-btn';cancelBtn.className='cancel-btn';titleBar.appendChild(titleBarTxt);xLabel.appendChild(xLabelTxt);yLabel.appendChild(yLabelTxt);okBtn.appendChild(okBtnTxt);resetBtn.appendChild(resetBtnTxt);cancelBtn.appendChild(cancelBtnTxt);inputWrapper.appendChild(xLabel);inputWrapper.appendChild(xInput);inputWrapper.appendChild(yLabel);inputWrapper.appendChild(yInput);inputWrapper.appendChild(resetBtn);btnWrapper.appendChild(okBtn);btnWrapper.appendChild(cancelBtn);dialogWrapper.appendChild(inputWrapper);dialogWrapper.appendChild(btnWrapper);dialog.appendChild(titleBar);dialog.appendChild(dialogWrapper);body.appendChild(dialog);evt.attach('mousedown',okBtn,function(){xSnap=parseInt(xInput.value,10);ySnap=parseInt(yInput.value,10);self.close();});evt.attach('mousedown',resetBtn,function(){xSnap=0;ySnap=0;self.close();});evt.attach('mousedown',cancelBtn,function(){self.close();});}};this.render();this.open=function(){closeAllDialogs();dialog.style.display='block';dialog.style.left=((doc.clientWidth-dialog.clientWidth)/2)+'px';dialog.style.top=((doc.clientHeight-dialog.clientHeight)/2)+'px';};this.close=function(){dialog.style.display='none';};},prepare=function(){var%20style=document.createElement('style'),size=getWindowSize(),elements=document.getElementsByTagName('*'),len=elements.length,i=0;for(i;i%3Clen;i=i+1){domElements.push(elements[i]);}style.setAttribute('type','text/css');if(style.styleSheet){style.styleSheet.cssText=cssText;}else{style.appendChild(document.createTextNode(cssText));}body.appendChild(style);setTimeout(function(){hRuler=new%20Ruler('h',3000);vRuler=new%20Ruler('v',7000);wrapper=document.createElement('div');gInfoBlockWrapper=wrapper.cloneNode(false);wrapper.className='rg-overlay';gInfoBlockWrapper.className='info-block-wrapper';wrapper.style.width=(size[0])+'px';wrapper.style.height=(size[1])+'px';wrapper.appendChild(hRuler);wrapper.appendChild(vRuler);wrapper.appendChild(gInfoBlockWrapper);body.appendChild(wrapper);domDimensions=calculateDomDimensions();menu=new%20Menu();snapDialog=new%20SnapDialog();openGridDialog=new%20OpenGridDialog();dialogs=[snapDialog,openGridDialog];},10);};prepare();this.status=1;this.disable=function(){if(vRuler!==null){deleteGuides();vRuler.style.display='none';hRuler.style.display='none';wrapper.style.display='none';menuBtn.style.display='none';}rulerStatus=0;this.status=0;};this.enable=function(){if(vRuler!==null){vRuler.style.display='block';hRuler.style.display='block';wrapper.style.display='block';menuBtn.style.display='block';}rulerStatus=1;this.status=1;};evt.attach('mousedown',document,function(e,src){var%20x=e.clientX,y=e.clientY,guide=null,guideInfo=null,guideInfoText=null,scrollPos=getScrollPos(),snap=0;if(src.className.indexOf('menu-btn')===-1){menu.close();}if(vBound===0){vBound=vRuler.offsetWidth;hBound=hRuler.offsetHeight;}if(((x%3EvBound&&y%3ChBound)||(y%3EhBound&&x%3CvBound))&&rulerStatus===1){guide=document.createElement('div');guideInfo=guide.cloneNode(false);guideInfoText=document.createTextNode('');gUid='guide-'+guidesCnt;guideInfo.className='info';guideInfo.appendChild(guideInfoText);guide.appendChild(guideInfo);if(x%3EvBound&&y%3ChBound){guide.className='guide%20h%20draggable';guide.style.top=(e.clientY+scrollPos[0])+'px';guideInfo.style.left=(x+scrollPos[1]+10)+'px';guide.type='h';snap=ySnap;mode=2;}else%20if(y%3EhBound&&x%3CvBound){guide.className='guide%20v%20draggable';guide.style.left=(x+scrollPos[1])+'px';guideInfo.style.top=((y+scrollPos[0])-35)+'px';guide.type='v';snap=xSnap;mode=1;}guide.id=gUid;guide.info=guideInfo;guide.text=guideInfoText;guide.x=0;guide.y=0;guides[gUid]=guide;wrapper.appendChild(guide);dragdrop.set(guide,{mode:mode,onstart:function(elem){var%20text=(elem.mode===1)?parseInt(elem.style.left,10)+2:parseInt(elem.style.top,10)+2;elem.text.nodeValue=text+'px';if(elem.over!==undefined){evt.detach('mouseover',elem,elem.over);evt.detach('mouseout',elem,elem.out);}},onmove:function(elem){var%20text='',pos=0,dims=[],len=0,i=0;pos=(elem.mode===1)?elem.style.left:elem.style.top;pos=parseInt(pos,10);if(snapDom===1){dims=domDimensions[elem.mode-1];for(i,len=dims.length;i%3Clen;i=i+1){if(pos%3C=dims[i]){pos=dims[i];break;}}}text=pos+'px';if(elem.mode===1){elem.style.left=(pos-2)+'px';elem.x=pos;}else{elem.style.top=(pos-2)+'px';elem.y=pos;}elem.text.nodeValue=text;},onstop:function(elem){elem.over=evt.attach('mouseover',elem,function(e,src){if(src.className==='guide%20v%20draggable'){elem.info.style.top=((e.clientY+scrollPos[0])-35)+'px';}else%20if(src.className==='guide%20h%20draggable'){elem.info.style.left=(e.clientX+scrollPos[1]+10)+'px';}elem.info.style.display='block';});elem.out=evt.attach('mouseout',elem,function(){elem.info.style.display='none';});},snap:snap});dragdrop.start(e,guide);guidesCnt=guidesCnt+1;}});evt.attach('mouseup',document,function(e,src){removeInboundGuide(src,src.id);if(detailsStatus===1){showDetailedInfo();}});evt.attach('keyup',document,function(e){if(e.ctrlKey===true&&e.altKey===true){switch(e.keyCode){case%2083:saveGrid();break;case%2082:toggleRulers();break;case%2079:openGridDialog.open();break;case%2076:toggleRulersLock();break;case%2073:detailsStatus=1-detailsStatus;showDetailedInfo();break;case%2071:toggleGuides();break;case%2069:snapDom=1-snapDom;if(snapDom===1){domDimensions=calculateDomDimensions();}break;case%2068:deleteGuides();break;case%2067:snapDialog.open();break;case%2065:if(rulerStatus===1||guideStatus===1){rulerStatus=guideStatus=1;wrapper.style.display='none';}else{rulerStatus=guideStatus=0;wrapper.style.display='block';}toggleRulers();toggleGuides();break;}}});evt.attach('resize',window,function(){var%20size=getWindowSize();wrapper.style.width=size[0]+'px';wrapper.style.height=size[1]+'px';if(resizeTimer!==null){window.clearTimeout(resizeTimer);}if(snapDom===1){resizeTimer=window.setTimeout(function(){domDimensions=calculateDomDimensions();},100);}});};var%20evt=new%20Event(),dragdrop=new%20Dragdrop(evt);if(window.rg===undefined){window.rg=new%20RulersGuides(evt,dragdrop);window.rg.status=0;}if(window.rg.status===1){window.rg.disable();}else{window.rg.enable();}})()

作者很懒，没有填写描述。

网页骨架特效

javascript:(function()%7Bjavascript%3A(function%20(dummyze%2Centry)%7Bfunction%20textWalker(node%2Ccbck)%7Bvar%20i%3D-1%2Cn%2Cs%2Cw%2Ch%3Bif(!node)%7Breturn%7Dif(node.nodeType%3D%3D%3D3)%7Bcbck(node%2C'nodeValue')%3Breturn%7Dif(node.tagName%3D%3D'IFRAME')%7Btry%7BtextWalker(node.contentDocument.documentElement%2Ccbck)%7Dcatch(e)%7B%7Dreturn%7Dif(node.tagName%3D%3D'STYLE'%7C%7Cnode.tagName%3D%3D'SCRIPT'%7C%7Cnode.tagName%3D%3D'SVG')%7Breturn%7Dif(node.tagName%3D%3D'IMG')%7Bs%3DgetComputedStyle(node)%3Bnode.src%3D'https%3A%2F%2Fdummyimage.com%2F'%2B(parseInt(s.width)%7C%7C10)%2B'x'%2B(parseInt(s.height)%7C%7C10)%3Breturn%7Dif(node.tagName%3D%3D'INPUT'%7C%7Cnode.tagName%3D%3D'TEXTAREA')%7Bcbck(node%2C'placeholder')%3Bcbck(node%2C'value')%3Breturn%7Dif(node.tagName)%7Bif((s%3Dnode.getAttribute('style'))%26%26(s%3D(s%3DgetComputedStyle(node)).backgroundImage)%26%26(s!%3D'none')%26%26(s%3D(s.match(%2Furl%5C(%22(%5B%5E%22%5D%2B)%22%5C)%2F)))%26%26(s%3Ds%5B1%5D))%7Bpic%3Dnew%20Image()%3Bpic.onload%3Dfunction%20()%7Bnode.style.backgroundImage%3D'url(https%3A%2F%2Fdummyimage.com%2F'%2B(parseInt(pic.width)%7C%7C10)%2B'x'%2B(parseInt(pic.height)%7C%7C10)%2B')'%7D%3Bpic.src%3Ds%3B%7Dif((b%3D(b%3DgetComputedStyle(node%2C'%3A%3Abefore')).content)%26%26(b!%3D'none')%26%26b.indexOf('attr(')%3D%3D0%26%26(b%3Db.match(%2F%5Eattr%5C((.*%3F)%5C)%24%2F))%26%26(b%3Db%5B1%5D))%7Bcbck(node%2Cb)%3B%7Dif((b%3D(b%3DgetComputedStyle(node%2C'%3A%3Aafter')).content)%26%26(b!%3D'none')%26%26b.indexOf('attr(')%3D%3D0%26%26(b%3Db.match(%2F%5Eattr%5C((.*%3F)%5C)%24%2F))%26%26(b%3Db%5B1%5D))%7Bcbck(node%2Cb)%3B%7Dwhile(n%3Dnode.childNodes%5B%2B%2Bi%5D)textWalker(n%2Ccbck)%3B%7D%7D%3BtextWalker(entry%2Cdummyze)%7D)(function%20(n%2Cp%2Ca%2Cw%2Cpic)%7Bp%3Dp%7C%7C'nodeValue'%3Ba%3Dn%5Bp%5D%3Bif(a)%7Bw%3Da.replace(%2F%5CS%2Fg%2C'%5Cu2591')%3Bif(a!%3Dw)n%5Bp%5D%3Dw%7Delse%7Ba%3Dn.getAttribute%26%26n.getAttribute(p)%3Bif(a)%7Bw%3Da.replace(%2F%5CS%2Fg%2C'%5Cu2591')%3Bif(a!%3Dw)n.setAttribute(p%2Cw)%3B%7D%7D%7D%2Cdocument.documentElement)%7D)()

作者很懒，没有填写描述。