3D Bookmarklet

The page moves along with your mouse!

Source (www.edankwan.com)


Download Bookmarklet:

3D


View Bookmarklet Code:

Bookmarklet Source Code:

javascript%3Aif%28%21window.ThreeDit%29%7BThreeDit%3Dfunction%28a%2Cb%29%7Bfunction%2520G%28a%29%7Bp%3Da.clientX+g.scrollLeft%3Bq%3Da.clientY+g.scrollTop%7Dfunction%2520F%28%29%7Bvar%2520a%3Dg.scrollLeft-t%3Bvar%2520b%3Dg.scrollTop-u%3Bp%3Dv%3Dg.scrollLeft+r%3Bq%3Dw%3Dg.scrollTop+s%3Bn+%3Da%3Bo+%3Db%3Bx%3Dv+l.clientLeft-e.pageXOffset%3By%3Dw+l.clientTop-e.pageYOffset%3Bt%3Dg.scrollLeft%3Bu%3Dg.scrollTop%7Dfunction%2520E%28%29%7Br%3De.innerWidth/2%3Bs%3De.innerHeight/2%3Bp%3Dv%3Dg.scrollLeft+r%3Bq%3Dw%3Dg.scrollTop+s%3Bx%3Dv+l.clientLeft-e.pageXOffset%3By%3Dw+l.clientTop-e.pageYOffset%7Dfunction%2520D%28%29%7Bn+%3D%28p-n%29*.05%3Bo+%3D%28q-o%29*.05%3Bvar%2520a%3D%28n-v%29/r*5%3Bvar%2520b%3D-%28o-w%29/s*5%3Bfor%28var%2520e%3D0%3Be%3Cd.length%3Be++%29%7Bvar%2520f%3Dd%5Be%5D.node%3Bvar%2520g%3Df%3Bvar%2520h%3D0%3Bvar%2520k%3D0%3Bvar%2520l%3Dd%5Be%5D.z%3Bf.style%5Bi%5D%3Dx-h+%22px%2520%22+%28y-k%29+%22px%22%3Bf.style%5Bj%5D%3D%22rotateY%28%22+a+%22deg%29%2520rotateX%28%22+b+%22deg%29translate3d%280px%2C0px%2C%2520%22+l*c.zDepth+%22px%29%22%7D%7Dfunction%2520C%28%29%7Bvar%2520a%3Bfor%28var%2520b%3D0%3Bb%3Cd.length%3Bb++%29%7Bd%5Bb%5D.node.style%5Bj%5D%3D%22none%22%7Ddelete%2520d%3Bd%3D%5B%5D%3BA%28g%2C0%29%3Bd.push%28%7Bnode%3Ag%2Cz%3A0%7D%29%3Bd.sort%28function%2520h%28a%2Cb%29%7Breturn%2520a.z-b.z%7D%29%3Bvar%2520c%3D0%3Bvar%2520e%3D%5Bc%5D%3Bd%5B0%5D.z%3Dc%3Bfor%28var%2520b%3D1%3Bb%3Cd.length%3Bb++%29%7Be.push%28c%3Dd%5Bb%5D.z%3D%3Dd%5Bb-1%5D.z%3Fc%3Ac+1%29%7Dvar%2520f%3De%5Be.length-1%5D%3Bfor%28var%2520b%3D0%3Bb%3Cd.length%3Bb++%29%7Bd%5Bb%5D.z%3De%5Bb%5D/f%7D%7Dfunction%2520B%28a%29%7Bc.perspective%3Da%3Bk%5Bh+%22Perspective%22%5D%3Dc.perspective+%22px%22%7Dfunction%2520A%28a%2Cb%2Ce%29%7Bif%28d.length%3E%3Dc.maxElems-1%29return%3Bif%28%21e%26%26a.tagName%3D%3D%22DIV%22%26%26a.childNodes.length%3E0%29%7Bd.push%28%7Bnode%3Aa%2Cz%3Ab%7D%29%7Dfor%28var%2520f%3D0%3Bf%3Ca.childNodes.length%3Bf++%29%7BA%28a.childNodes%5Bf%5D%2Cb+1%2Ca.childNodes.length%3C2%29%7D%7Dfunction%2520z%28a%29%7Bf%3Da%3Bg%3Df.body%3Bh%3D%22webkitTransform%22in%2520g.style%3F%22webkit%22%3A%22MozTransform%22in%2520g.style%3F%22Moz%22%3Anull%3Bi%3Dh+%22TransformOrigin%22%3Bj%3Dh+%22Transform%22%3Bl%3Df.documentElement%3Bk%3Dl.style%3Bm%3De.getComputedStyle%3Bt%3Dg.scrollLeft%3Bu%3Dg.scrollTop%3Bk%5Bh+%22Perspective%22%5D%3Dc.perspective+%22px%22%3Bk.backgroundImage%3Dm%28g%29.getPropertyValue%28%22background-image%22%29%3Bk.backgroundColor%3Dm%28g%29.getPropertyValue%28%22background-color%22%29%3BC%28%29%3Bif%28%21c.initialized%29%7BE%28%29%3Bn%3Dp%3Bo%3Dq%3Be.addEventListener%28%22resize%22%2CE%29%3Be.addEventListener%28%22scroll%22%2CF%29%3Bf.addEventListener%28%22mousemove%22%2CG%29%3BsetInterval%28D%2C1e3/60%29%7Dc.initialized%3Dtrue%7Dvar%2520c%3D%7BzDepth%3A300%2CmaxElems%3A100%2Cperspective%3A500%2Cinitialized%3Afalse%7D%3Bvar%2520d%3D%5B%5D%3Bvar%2520e%3Da%3Bvar%2520f%3Db%3Bvar%2520g%3Bvar%2520h%3Bvar%2520i%3Bvar%2520j%3Bvar%2520k%3Bvar%2520l%3Bvar%2520m%3Bvar%2520n%3Bvar%2520o%3Bvar%2520p%3Bvar%2520q%3Bvar%2520r%3Bvar%2520s%3Bvar%2520t%3Bvar%2520u%3Bvar%2520v%3Bvar%2520w%3Bvar%2520x%3Bvar%2520y%3Bc.init%3Dz%3Bc.recollectElems%3DC%3Bc.render%3DD%3Bc.changePerspective%3DB%3Breturn%2520c%7D%28window%2Cdocument%29%3BThreeDit.init%28document%29%3B%7Delse%7BThreeDit.recollectElems%28%29%3B%7D


Rate it:


Tags:

Comments

Comments so far. Add yours.