簡易ロールオーバー(onMouse) _再掲

 2016-05-28
ロールオーバー(マウスを置くと画像が切り替わる)が1行でできる。
①晴れマークの上にマウスを置くと→雨マークに替わり
②マウスを離すと晴れマークに戻る。

FC2ブログでは
<img src="http://blog-imgs-54.fc2.com/[xxxx]/hare.gif"
onMouseover="this.src='http://blog-imgs-54.fc2.com/[xxxx]/ame.gif'"
onMouseout="this.src='http://blog-imgs-54.fc2.com/[xxxx]/hare.gif'">

ホームページでは
<img src="hare.gif" onmouseover="this.src='ame.gif'" onmouseout="this.src='hare.gif'" ;>

説明(JavaScript)
・img src="hare.gif" :最初に表示される画像
①onmouseover="this.src='ame.gif' :マウスを置いたときの画像
②onmouseout="this.src='hare.gif'" :マウスを離したときの画像
・「" "」:ダブルクォーテーションの中でファイルを指定する場合は
・「' '」:シングルクォーテーションで囲います。
スポンサーサイト
タグ :

背景角丸:border-radiusで角を丸める

 2016-03-28

border-radiusで、角を丸める。
CSS3の機能だが、HTML4・CSSでも適用されている。
(IE11,Firefoxで確認済)


<div style="font-weight : bold;color : white;background-color : green;
border-radius: 20px;padding:10px;width:400px;">
タグ :

自作Flashに雪降りFlashを重ねる

 2014-11-18
ぱらふらで作ったクリスマスマイムマイム3D(kasaneさん作)に
フリーのFlashを重ねて雪を降らせました。
(二枚重ねFlash























タグ : 重ねFlash

画像に半透明シートを重ねてコメントを書き込む。

 2014-07-22
暗い画像の上にコメントを書き込む場合は、半透明シートを重ねると見やすくなります。

001c.jpg①背景の写真の上に
②不透明度40の白色シートを配置。
(IE10以降:スタイル設定:opacity:0.4;)
③その上に、コメントを書き込みます。
・コメントを半透明シートに書くと、コメントも半透明になってしまう。

①は、背景
②はレイアウト枠:z-index=1
③はz-index=1( position:relative; )



回り込み



タグ :

HPB(14)ラベルにリンク

 2012-09-03
画像に「ラベル」をつけて、「ラベル」にリンクを設定します

タグ :
≪ トップページへこのページの先頭へ  ≫ 次ページへ ≫