oitake blog

いろいろリンク

おすすめリンク

最近のエントリー

カテゴリー

20101012:コメントとトラックバックを停止したことにより、このサイトはアーカイブとなりました。以降、ご連絡はみもねるのウェブサイトへお願いします。
20100703:新ナマコメ(ナマコメ 2)を公開しました。コメントビューア付きで送信面においてもパワーアップしています。
旧ナマコメは将来的に使用できなくする予定なので、可能な限り新ナマコメをお使いください。
20091127:oitake は みもねる になりました。当ブログは無期限更新停止となります。詳細は最新の記事をご覧ください。

スポンサーサイト

一定期間更新がないため広告を表示しています


2009.12.16 Wednesday | | - | - | -

ブルブル 3

※「ブルブル 4」こと「ブルブル!」をリリースしました。こちらを使ってください。
「ブルブル 2」のバグ修正版、および横揺れ追加版の「ブルブル 3」です。

前回よりも多めにブルブルしております。
あなたのウェブサイトのリンクも「ブルブル」させるには、

1.下のリンク先からソースコードをコピー
2.ウェブページの最後の方にペースト


してください。
仕様は「ブンブン 2」と全く同じです。

【ソースコード】

// --------------------------------
// ブルブル 3 (C) 20061111 oitake
// --------------------------------
// --------------------------------
// ユーザー定義変数
// --------------------------------
// ブルブルする速さ(1秒=1000)
// ※少ないほど速い。
var brbr_interval=30;
// ブルブルする滑らかさ
// ※多いほど滑らか。
var brbr_frame=16;
// ブルブルする高さ
var brbr_amp=8;
// relフィルタ
var brbr_rel='brbr';
// relフィルタのふるまい
// ※真でrelフィルタのみ処理/偽でrelフィルタ以外を処理。
var brbr_rel_only=false;
// --------------------------------
// スクリプト本体
// ※「-2」を「-1」などにすると面白い。
// --------------------------------
var brbr_datas=[];
var brbr_timer_id=false;
var brbr_base=Math.PI*0.5/brbr_frame;
var brbr_amp2=brbr_amp/2;
function brbr()
{
for(var i=0; i<document.links.length; i++)
{
var k=document.links[i].rel==brbr_rel;
if(k==brbr_rel_only && document.links[i].childNodes && document.links[i].childNodes.length==1 && document.links[i].childNodes[0].nodeType=='3')
{
brbr_datas[i]=
{
time:-1,
html:document.links[i].innerHTML
};
eval('document.links[i].onmouseout=function(){brbr_out('+i+')};');
}
}
}
function brbr_out(n)
{
if(brbr_datas[n].time==-1)
{
brbr_datas[n].time=0;
}
if(!brbr_timer_id)
{
brbr_timer_id=setInterval('brbr_timer()',brbr_interval);
}
}
function brbr_timer()
{
var k=true;
for(var i in brbr_datas)
{
if(brbr_datas[i].time!=-1)
{
k=false;
var html='';
for(var j=0; j<brbr_datas[i].html.length; j++)
{
html+='<span style="position:relative;left:'+Math.round(Math.cos(brbr_base*brbr_datas[i].time)*(Math.random()*brbr_amp-brbr_amp2))+'px;top:'+Math.round(Math.cos(brbr_base*brbr_datas[i].time)*(Math.random()*brbr_amp-brbr_amp2))+'px;">'+brbr_datas[i].html.charAt(j)+'</span>';
}
document.links[i].innerHTML=html;
if(brbr_datas[i].time++==brbr_frame)
{
brbr_datas[i].time=-1;
document.links[i].innerHTML=brbr_datas[i].html;
}
}
}
if(k)
{
clearInterval(brbr_timer_id);
brbr_timer_id=false;
}
}
brbr();

スポンサーサイト


2009.12.16 Wednesday | 17:58 | - | - | -

コメント

はじめまして、ブルブル3に感動しちゃいました。
ちょっと改良しまして、「マウスが触れるとブルブル」するようにしたものを下記URLにて公開させていただきました。
http://www.maloninc.com/cgi-bin/fswiki/wiki.cgi?page=%A5%D6%A5%EB%A5%D6%A5%EBJavascript
| 2006/11/13 8:29 PM
VU、ありがとうございます^^;
onmouseoverでもけっこうイケてますね。
oitake | 2006/11/13 10:02 PM
面白いものを見せてもらいました。
バグ報告です。
<や>といった文字が&lt;や%gt;に変化してブルブルしてしまいます。
tosik | 2006/11/14 7:53 AM
報告ありがとうございます。
気付いてはいたのですが、おざなりにしちゃいました。
…ロジック上、ちょっと難しいんです(ー"ー;)
oitake | 2006/11/14 11:26 PM
ブルブル、すごく好きになりました。
ウチの環境ですとprototype.jsと相性悪いみたいで、IEでは動かないです…。
luminesce | 2006/11/15 11:43 PM
prototype.jsを使っているページでは、prototype.jsで作ったスクリプトしか正常に動かないようです。
何とかしたいとは思っているのですが、oitakeの成長はもう止まっているので、何ともならないかもしれません(;'з')
oitake | 2006/11/16 2:15 AM
上記の不具合2点、いちおー何とかなりました。
ブルブル 4で修正済みです。
http://oitake.jugem.jp/?eid=32
oitake | 2006/11/23 10:28 PM

トラックバック

「ページをマトリックス風に表示するJavascript」にトラックバックをいただいた方がおもしろいJavascriptを作っていたのでご紹介。 » oitake blog マウスオーバーするとなんと文字がブルブルします。 実際の動きや実装方法はそちらのブログを参照のこと。 ちょっ
simplexsimple.com | ブルブルするJavascript | 2006/11/13 2:53 PM
えー、朝晩寒くなって参りました。 皆様いかがお過ごしでしょうか? 寒さにブルブル震えるこの頃、サイトの文字がブルブル震えるカスタマイズです。 SiMPLE*SiMPLEさん経由で知ったoitake blogさんのブルブル3を導入しました。 このBlogはあまり動きがないのでア
下を向いて歩こう | リンク文字が震えるカスタマイズ | 2006/11/13 10:19 PM
気になる日々のニュースをチェック!
死神ラッコの備忘録 | 061114 | 2006/11/14 3:10 PM
おープルプルしますね。JavaScriptを使って、テキストリンクの上にオンマウ...
oitake blog | ブルブル 3 リンク文字へのファーカスが外れると、文字が「ぷるぷる」揺れるエフェクトのスクリプト:面白い! (tags: javascript library effect funny) Tango Icon Gallery - Tango Desktop Project ミニアイコン:これもいい感じ (
オラオラ | links for 2006-11-15 | 2006/11/16 6:23 AM
http://oitake.jugem.jp/?eid=20 ここで紹介されてるプルプルするリンクを試してみました。 リンクにマウスを合わせるとプルプルします。 面白い。
憂国の騎士 | プルプルするリンク | 2006/11/17 3:26 PM
ははは、これ面白い!javascriptを利用しているんですがテキストリンクにオンマウスでテキストがブルブルするんですよ→http://oitake.jugem.jp/?eid=20javascriptですからブログに盛り込むのは一工夫が必要ですがホームページを作るのに一つのアクセサリーとしては本当
ひとときの面影 | ブルブルするんです | 2008/06/22 12:26 PM
本日、5つ目のエントリです。 最近、頼まれてたアフィリエイト用テンプレートってのが思ってた以上にムズかしくて、ストレス溜まってるんですよ…わたし お小遣い系のサ...
Movable Type 備忘録 | 文字をブルブルさせるスクリプト | 2009/01/11 1:26 PM

アーカイブ

広告