ブログ・HPで使えるテクニック。

document.images[n].src="画像名";
（images[n]のnには数字が入ります。）

↑の意味は「n番目の画像を右辺の画像と切り替える」
です。

例：document.images[0].src="pp.gif";
↑は１番目の画像をpp.gifと入れ替えるです。

ここでimages[0]が1番目になることに注意してください。
（ヒント：images[1]は2番目の画像となります）


また1番目の画像とはHTML文書の上から1番目に書いてある画像。

<style type="text/css">
<!--
body{cursor:crosshair}
a{cursor:crosshair}
-->
</style>


上はカーソルが十字に変形する例です。
貼り付けることでカーソルが十字になります。


body{cursor:形の名前}　　　//リンク以外での形
a{cursor:形の名前}　　　　　//リンク上での形

オンマウスのとき文字を表示する方法


下のタグを内に貼り付けることで可能となります。


<SCRIPT language="JavaScript">
<!--
var bun=new Array();
bun[0]='';
bun[1]='こんな感じで表示されます。';
function hyouji(a){

info.innerHTML=bun[a];
}

//-->

</SCRIPT>

<SPAN ID="info"></SPAN>

<P onmouseover="hyouji(1);"
onmouseout="hyouji(0);">
オンマウスさせる対象</P>//-->
</script>

マウスオーバーのとき吹き出しのようなものを出せるようになります。



この文字上にマウスを乗せてみてください






やっていただけましたか？





下のタグをHPの内に貼り付けるだけでできるようになります。

<a href="void(0)" title="これがチップヘルプです。">この文字上にマウスを乗せてみてください</a>

ブログの人気度・更新頻度を表示してくれるコンテンツ
→こちら

本ブログでも左で使用しています。

自由にラクガキできるコンテンツ→こちら

右のラクガキボードは↑のコンテンツのものです。

それに、タグを貼り付けるだけなので簡単にラクガキボードを設置できます。

ブログでペットが飼えるコンテンツ→こちら

左のぴよんは↑のコンテンツのものです。

かわいいでしょ？

それに、タグを貼り付けるだけなので簡単に飼うことができます。