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

ロールオーバー(マウスを置くと画像が切り替わる)が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で角を丸める


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を重ねる

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























テーマ : プログラミング
ジャンル : コンピュータ

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

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

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

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



回り込み



HPB(14)ラベルにリンク

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

こんな小技

虹色バナー Parafla
カテゴリ
タグリスト
タグリストから記事を検索することができます。

Parafla 困った Excel 動画 重ねFlash Win7 ショートカット 拡張子 Gifアニメ Giam JTrim Ctrl ダウンロード Java インストール Hotmail 設定 Script ファイル 制御コード ハイパリンク 文字化け 検索 書式 スニッピングツール 大きさ HTML WindowsLive OneNote 日本語 HPB GIMP Alt メール 

リンク
カレンダー
10 | 2017/11 | 12
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -
最新記事
最新コメント
月別アーカイブ
最新トラックバック
検索フォーム
ブロとも申請フォーム

この人とブロともになる

QRコード
QR