gaga booon
by
monpy4696
2013-11-15 [2013/11/15 00:36:36]
my bookmarklet
@@ -10,8 +10,8 @@
gaga.src = "http://monpy.moo.jp/trash_img/gaga.png";
var wrp = document.createElement('div');
wrp.style.position = "absolute";
-wrp.style.top = '-283px';
-wrp.style.left = '50%';
+wrp.style.top = '-1000px';
+wrp.style.left = '0px';
wrp.appendChild(gaga);
var position = -283;
@@ -20,20 +20,25 @@
var objBody = document.getElementsByTagName("body").item(0);
objBody.appendChild(wrp);
-setTimeout(setPosition,200);
-function setPosition(){
-if(flag){
-position++;
-}else{
-position--;
-}
-if(position > 0){
-flag = false;
+var mX = 0;
+var mY = 0;
+var toY = 0;
+var toX = 0;
+function MouseMoveFunc(e){
+mX = e.clientX;
+mY = e.clientY;
}
-if(position < -283){
-flag = true;
-wrp.style.left = Math.random()*100+'%';
+
+document.addEventListener("mousemove" , MouseMoveFunc);
+
+
+setTimeout(calc,200);
+function calc(){
+ toX = mX;
+ toY = mY;
+ setPosition();
}
-wrp.style.top = position+'px';
-setTimeout(setPosition,10);
+function setPosition(){
+wrp.style.top = toY+'px';
+wrp.style.left = toX+'px';
}
/*
* @title gaga booon
* @description my bookmarklet
* @include http://*
* @license MIT License
* @require
*/
var gaga = document.createElement('img');
gaga.src = "http://monpy.moo.jp/trash_img/gaga.png";
var wrp = document.createElement('div');
wrp.style.position = "absolute";
wrp.style.top = '-1000px';
wrp.style.left = '0px';
wrp.appendChild(gaga);
var position = -283;
var flag = true;
var objBody = document.getElementsByTagName("body").item(0);
objBody.appendChild(wrp);
var mX = 0;
var mY = 0;
var toY = 0;
var toX = 0;
function MouseMoveFunc(e){
mX = e.clientX;
mY = e.clientY;
}
document.addEventListener("mousemove" , MouseMoveFunc);
setTimeout(calc,200);
function calc(){
toX = mX;
toY = mY;
setPosition();
}
function setPosition(){
wrp.style.top = toY+'px';
wrp.style.left = toX+'px';
}
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。