2007年10月07日

画像切り替え

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

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

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

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


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

【javascriptの最新記事】
posted by ためいき at 20:01| Comment(19) | TrackBack(6) | javascript | このブログの読者になる | 更新情報をチェックする

2007年10月05日

カーソルの変形

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


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


body{cursor:形の名前}   //リンク以外での形
a{cursor:形の名前}     //リンク上での形
posted by ためいき at 03:36| Comment(0) | TrackBack(0) | スタイルシート | このブログの読者になる | 更新情報をチェックする

マウスオーバーで文字表示

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


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


<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>
posted by ためいき at 03:30| Comment(0) | TrackBack(0) | javascript | このブログの読者になる | 更新情報をチェックする

チップヘルプの表示

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



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






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





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

<a href="void(0)" title="これがチップヘルプです。">この文字上にマウスを乗せてみてください</a>
posted by ためいき at 03:16| Comment(0) | TrackBack(0) | HTML | このブログの読者になる | 更新情報をチェックする

feed meter

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

本ブログでも左で使用しています。
posted by ためいき at 00:53| Comment(0) | TrackBack(0) | コンテンツ | このブログの読者になる | 更新情報をチェックする

ラクガキ

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

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

それに、タグを貼り付けるだけなので簡単にラクガキボードを設置できます。
posted by ためいき at 00:41| Comment(0) | TrackBack(0) | コンテンツ | このブログの読者になる | 更新情報をチェックする

ブログでペットを飼う

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

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

かわいいでしょ?

それに、タグを貼り付けるだけなので簡単に飼うことができます。
posted by ためいき at 00:28| Comment(0) | TrackBack(0) | コンテンツ | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。