スポンサーサイト

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

連載-16 スタイルで画像を消したり表示したりする

 visibility は、そのオブジェクトを表示するかどうかを決める属性です。とりあえず画像をページに配置して、マウスイベントで表示したり消したりすることができます。
 viisibility の値としては、hidden visible を覚えておけば十分です。
 下の例では表示した画像をボタンを押すと、画像は消え、再度押すと画像を表示します。

<

<  写真を消す visibility:hidden; 


<  写真を表示する visibility:visible;

ソースです

<span style="font-size:1px;color:white;line-height:10px;">
<<img id="p080418" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723630414bd6b821ea4d1_import.jpg" style="visibility:visible; float:right;height:300px" />

<<span style="font-size:20px;color:blue;cursor:hand;" onclick="p080418.style.visibility='hidden';">  写真を消す visibility:hidden; </span>


<<span style="font-size:20px;color:blue;cursor:hand; clear: right;" onclick="p080418.style.visibility='visible'">  写真を表示する visibility:visible;</span>
</span>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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