上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 リンクの背景カラーをフェードさせるスクリプト。
 これをどういう風にすればライブラリ化出来るのかが分かりませんが…リンクの数だけ、ほとんど同じスクリプトを書かなきゃならないのだろうか?
 そんなわけ無いですよね…


見本







カラーフェードひな形

<div>
<a id="barmenu1" href="" style="padding:10px 20px;background:#000;color:#fff;" onmouseover="baraction()">メニュー1</a>
</div>

<script type="text/javascript">
<!--
var colcol=15;
function baraction(){
if (colcol<0) {
clearTimeout(coltime);
colcol=15;
} else{
col=colcol.toString(16);
document.getElementById("barmenu1").style.background="#"+col+col+col+col+col+col;
colcol--;
coltime=setTimeout("baraction()",30);
}
}
//-->
</script>




 メニューページはこちらから。
簡易スクリプトひな形集
このエントリーをはてなブックマークに追加
Thu.07.15.2010
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。