Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <h2>這是啥?</h2>
  <a href='http://www.plurk.com/p/jlpj9d'>看這裡</a>
  <h2>原作者是?</h2>
  <a href='http://anohito.tw/sandbox/negi/'>這邊</a>
  <a href='http://www.hinablue.me/negi.html'>和這邊</a>
  <h2>怎麼用</h2>
  <a href='javascript:void%20function(f%2Cc%2Cb)%7Bvar%20h%3D%7B%7D%3B(function(c)%7Bfunction%20a(a%2Cc)%7Bfunction%20d(g)%7Be%5Ba%5D.playing%26%26(c(g%2Be%5Ba%5D.iShift)%2Ce%5Ba%5D%26%26(e%5Ba%5D.frameId%3Dk(d)%2Ce%5Ba%5D.lastTime%3Dg))%7Dreturn%20d%7Dvar%20k%3D(f.requestAnimationFrame%7C%7Cf.mozRequestAnimationFrame%7C%7Cf.webkitRequestAnimationFrame%7C%7Cf.msRequestAnimationFrame%7C%7CsetTimeout).bind(f)%2Ce%3D%7B%7D%2Cg%3D0%2Cd%3D-1%3Bc.setRender%3Dfunction(c%2Cf)%7Bvar%20b%3Dg%3Bf%3Df%7C%7C0%3Bg%2B%2B%3Be%5Bb%5D%3D%7BframeId%3A0%2Cplaying%3A!0%2Cthread%3Ac%2ClastTime%3A0%2Cshift%3Af%2CiShift%3Af-(Date.now()-d)%7D%3Bc%3Da(b%2Cc)%3Bk(c)%3Breturn%20b%7D%3Bc.clearRender%3Dfunction(a)%7Breturn%20void%200!%3D%3De%5Ba%5D%3F%20(e%5Ba%5D.playing%26%26cancelAnimationFrame(e%5Ba%5D.frameId)%2Ce%5Ba%5D%3Dvoid%200%2C!0)%3A!1%7D%3Bc._init%3Dfunction()%7Bvar%20a%3Dfunction()%7Breturn%20function(a)%7Bd%3DDate.now()-a%7D%7D()%3Bk(a)%7D%3Bc._init()%7D)(h)%3Bvar%20d%3Dc.getElementsByTagName(b)%5B0%5D%3Bb%3Dc.createElement(b)%3Bb.innerHTML%3D%22.negi%7Bposition%3Afixed%3Btop%3A0%3Bleft%3A0%3Bz-index%3A99999%3B%7D%22%3Bvoid%200%3D%3D%3Dd%3F(d%3Dc.getElementsByTagName(%22head%22)%5B0%5D%2Cd.appendChild(b))%3Ad.parentNode.lastChild%3D%3Dd%3Fd.parentNode.appendChild(b)%3Ad.parentNode.insertBefore(b%2Cd.nextSibling)%3Bf.Negi%3Dfunction()%7Bfunction%20d()%7Bvar%20a%3Dc.documentElement%2C%20b%3Dc.body%2Ce%3Df.innerWidth%7C%7Ca.clientWidth%7C%7Cb.clientWidth%2Ca%3Df.innerHeight%7C%7Ca.clientHeight%7C%7Cb.clientHeight%3Bthis.__instance%3Dc.createElement(%22img%22)%3Bthis.__instance.setAttribute(%22class%22%2C%22negi%22)%3Bthis.__instance.style.left%3DMath.random()*e%2B%22px%22%3Bthis.__instance.style.top%3D%22-10px%22%3Bthis.__speed%3D0%3Bthis.__max_height%3Da%2B30%3Bthis.__run_times%3D0%3Bthis.__render_id%3D-1%3Bthis.__fibo%3D%5B2%2C3%2C5%2C8%2C13%2C21%2C34%2C55%2C89%5D%3Bthis.__rotate_speed%3DMath.random()-0.5%7Dd.prototype.start%3Dfunction()%7Bthis.__instance.src%3D%22http%3A%2F%2Fanohito.tw%2Fsandbox%2Fnegi%2Fnegi%22%2B%20Math.ceil(6*Math.random())%2B%22.png%22%3Bc.getElementsByTagName(%22body%22)%5B0%5D.appendChild(this.__instance)%3Bvar%20a%3Dthis%3Bthis.__intervalID%3Dh.setRender(function(d)%7Bvar%20e%2Cb%2Cf%3Ba.__run_times%2B%2B%3Bb%3D0%3Bfor(f%3Da.__fibo.length%3Bb%3Cf%3Bb%2B%2B)e%3Da.__fibo%5Bb%5D%2C0%3D%3D%3Da.__run_times%25e%26%26(a.__speed%2B%3DMath.random()-0.5)%3Be%3DparseInt(a.__instance.style.left%2C10)%3Bb%3D0.25*d%3Bif(300%3Ca.__run_times%7C%7Cb%3E%3Da.__max_height)return%20c.getElementsByTagName(%22body%22)%5B0%5D.removeChild(a.__instance)%2Ch.clearRender(a.__intervalID)%2C!1%3Be%2B%3D0%3Ca.__speed%3FMath.abs(a.__speed)%3A-1*%20Math.abs(a.__speed)%3Ba.__instance.style.left%3De%2B%22px%22%3Ba.__instance.style.top%3Db%2B%22px%22%3Ba.__instance.style.transform%3D%22rotate(%22%2BMath.floor(d*a.__rotate_speed)%2B%22deg)%22%7D)%7D%3Breturn%20d%7D()%3BsetInterval(function()%7B(new%20Negi).start()%7D%2C500)%7D(this%2Cthis.document%2C%22style%22)%3B'>把我拖上書籤列按下去就好了</a>
  <h2>修改版跟原本的純js版的差別是?</h2>
  <p>避免卡毛、會旋轉</p>
  <p style="text-align:right">by mfish20012013</p>
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
mmis1000pro
0viewers