スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

「タグ内変数」でマウスオーバー・アウトを試してみました(IE only)

 以前の投稿で、マイクロソフトのIEにかぎって、タグ内で変数を定義できることを偶然見つけたことを書きましたが、それを使った試作品を作ってみました。タグ内変数とは私がつけた名前でどこにも書かれていないと思いますのでお気を付けください。一般的にタグ内の変数とは、ジャバスクリプト内で定義された変数のことを言うようです。
 
 ソースを見やすくするために必要最小限のソースで作ってみました。ソースは以下の通りで、マウスイベントの中に長いURLを書かないのでスクリプトがすっきりします。下のソースで使っている変数の s1 s2 は s3 s4 s5 といくらでも増やすことができます。このやり方でスクリプトの中で配列を使ったソースも、タグ内の変数に置き換えれば、見やすいソースになりますね。

<span style="font-size:1px;color:#ffffff">
<<img
src="画像1URL"
s1="画像1URL"
s2="画像2URL"
onmouseover="this.src=s2"
onmouseout="this.src=s1"/>
</span>
(例によってソース内の<>は半角に、改行は削除してください)


<

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。