( ゜▽゜)/こんばんわ!
ぐりーすモンキー 其ノ壹
ぐりーすモンキー 其ノ貳
でブラウザの左上にでる時計作ってましたが
ちょっと改良しました。
まず改修したのは究極の不具合w
・ページ内の全部のbodyに埋め込まれてしまう
なんかグリモンって呼ばれたiframeとかframe全部で実行されるようでiGoogleなんか開くと、全ガジェットの左上に時計が出て
うざい。・゚・(ノД`)・゚・。
これはかなり迷惑な不具合だったので前回のはぶっちゃけ使いものになってませんでしたね・・・
で、後は
・ページスクロールしても左上にくっついてくるようにした
・マウスをあわせると3秒間消えてくれる
ってのを追加しました
デザインはださいけど、これで多少使えるようになったかなw
以下ソース!
例によってソースは↓においてあります!
ぐりもん時計のjsファイル
興味が沸いた方は
GreaseMonkeyがインストールされてれば
このリンクをクリックして、「インストール」を押下で使えるようになると思います^−^
どうぶつカチューシャ さる
販売元:ジグ
クチコミを見る
ぐりーすモンキー 其ノ壹
ぐりーすモンキー 其ノ貳
でブラウザの左上にでる時計作ってましたが
ちょっと改良しました。
まず改修したのは究極の不具合w
・ページ内の全部のbodyに埋め込まれてしまう
なんかグリモンって呼ばれたiframeとかframe全部で実行されるようでiGoogleなんか開くと、全ガジェットの左上に時計が出て
うざい。・゚・(ノД`)・゚・。
これはかなり迷惑な不具合だったので前回のはぶっちゃけ使いものになってませんでしたね・・・
で、後は
・ページスクロールしても左上にくっついてくるようにした
・マウスをあわせると3秒間消えてくれる
ってのを追加しました
デザインはださいけど、これで多少使えるようになったかなw
以下ソース!
(function(){ var clock = document.createElement('div'); clock.id = 'bizlivedoorarnieismclock'; //スクロール時にもついてくるように clock.style.position = 'fixed'; clock.style.top = '0'; clock.style.left = '0'; clock.style.zIndex = '999999'; clock.style.border = 'solid 1px #0000ff'; clock.style.backgroundColor = '#b3e000'; //マウスオーバーで3秒消す clock.addEventListener('mouseover', function(){ clock.style.visibility = 'hidden'; unsafeWindow.setTimeout(function(){ clock.style.visibility = 'visible'; },3000); }, false); //大元のbodyだけに適用 if(window == window.parent){ document.getElementsByTagName('body')[0].appendChild(clock); } var timer = unsafeWindow.setInterval(function(){ //時計が無かったらタイマーをクリア if(!document.getElementById('bizlivedoorarnieismclock')){ unsafeWindow.clearInterval(timer); return; } var clock = document.getElementById('bizlivedoorarnieismclock'); if(clock) clock.innerHTML = (new Date()).toLocaleString(); }, 1000); })();
例によってソースは↓においてあります!
ぐりもん時計のjsファイル
興味が沸いた方は
GreaseMonkeyがインストールされてれば
このリンクをクリックして、「インストール」を押下で使えるようになると思います^−^
どうぶつカチューシャ さる
販売元:ジグ
クチコミを見る