絵ログ多め。たまにブログっぽい感じ
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ -------- (--) --:-- ]  
   Category:スポンサー広告
HTMLのカンタンなメモ。完成画像もサンプルページも用意してませんw
それでもタグ欲しい方いたらご自由にコピペどうぞ(・ω・)誰得ww
マウスオンで画像を変えるためのものです。
さらに、画像の右にまわりこんでテキストが表示されます。
文中のalign="left"を消すとテキストの回りこみが解除されます。

ちなみにはすべて半角の<に直さないと反映されませんが、
一度エクセルとかワードとか、そのへんの何かにコピペした後、
[Ctrl]+[F]で「<」の文字を探して「<」に置き換えすると楽かもしれない。
でも1個1個手で直していった方が安全かもしれない。
修正方法はおまかせします(


HEADの間に以下の文章をコピペ。
はすべて半角の<に直してください。



<script language="JavaScript">
<!--
if (document.images) {
img1 = new Image(); img1.src = "オンマウス状態の画像1";
img2 = new Image(); img2.src = "オンマウス状態の画像2";
img3 = new Image(); img3.src = "オンマウス状態の画像3";
}
function setImage(img, image) {
if (img) {
img.src = image;
}
}
// -->
</script>

<style type="text/css">
img{
padding-right:10px;
padding-bottom:5px;
}

p{
font-size:15px;
}
</style>



以下はBODYの間にいれてください。
同じくはすべて半角の<に直してください。



<a href="クリックした場合のリンク先1.htm" target="ここには_blankや_parentを入力"
onmouseover="setImage(document.img1, 'オンマウス状態の画像1')"
onmouseout="setImage(document.img1, '通常の画像1')">
<img src="通常の画像1" name="img1" border=0 align="left"></a>

<p>テキスト1</p>

<br clear=left>
<br />

<a href="クリックした場合のリンク先2.htm" target="ここには_blankや_parentを入力"
onmouseover="setImage(document.img2, 'オンマウス状態の画像2')"
onmouseout="setImage(document.img2, '通常の画像2')">
<img src="通常の画像2" name="img2" border=0 align="left"></a>

<p>テキスト2</p>

<br clear=left>

<a href="クリックした場合のリンク先3.htm" target="ここには_blankや_parentを入力"
onmouseover="setImage(document.img3, 'オンマウス状態の画像3')"
onmouseout="setImage(document.img3, '通常の画像3')">
<img src="通常の画像3" name="img3" border=0 align="left"></a>

<p>テキスト3</p>

<br clear=left>



以上。突然☆誰得講座でした。
<の書き換えが面倒くさいのでもうしばらくブログではやりません・・・(´∵`)・・・たぶん。
[ 2011-11-11 (Fri) 02:44 ]   Comment(0)
Theme:どーでもいいことコンピュータ   Category:その他
管理者にだけ表示を許可する

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