[B! javascript][CSS] fjwr38のブックマーク

fjwr38 id:fjwr38

javascriptとCSSに関するfjwr38のブックマーク (3)

a:hoverを使ってアンカーのスタイルをJavaScriptを利用せずスタイルシートだけで変更します
疑似クラス a:hover を使うとアンカーテキストにマウスが来たとき(onmouseover)にアンカーのスタイルを変更するという動作を、JavaScriptを利用しなくてもスタイルシートだけで実行する事が出来ます。スタイルの変更 CSSコード
fjwr38 2011/11/18
javascript

webデザイン

CSS

アンカータグ
リンク
読み込み中にNow Loading...を表示 - 水無月
JavaScriptでページ読み込み中に画像等を表示する方法の紹介です。下の画像のようなものを読み込み中のみ表示させます。読み込み完了時の処理にはJavaScriptのonloadを使用します。そのonloadで読み込みが完了したとき、JavaScriptからスタイルを指定して非表示にします。今回はHTML、JavaScript、CSSを利用し作成します。では早速HTMLに書く内容から書き始めます。赤字は各々で変更してください。(書いてあるURLに飛べばどんな内容か分かると思います) HTML <body onLoad="init()"> <script type="text/javascript"> document.write('<div id="loading" class="loading"><img src="http://blog-imgs-24.fc2.com/e
fjwr38 2011/11/11
javascript

load

CSS
リンク
ページ移動せずに内容を変更するタブを作る - [ホームページ作成] All About
初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読むタブを押すと一瞬で表示内容が切り替わる機能の作り方ウェブページを移動することなく指定範囲の表示内容を切り替えられるタブ機能は、狭い領域にたくさんの情報を掲載したい場合に便利です。ジャンル別に記事を掲載するニュースサイトや、地域別にお知らせを掲載する情報サイトなど、多数のウェブページで見かけます。このようなタブ機能は、ほんの少しのHTML＋CSS＋JavaScriptソースを記述するだけで簡単に作れます。そこで今回は、ウェブページ上にタブ機能を作る方法をご紹介いたします。本記事では、上図のように見えるタブ機能を作ることを
fjwr38 2011/11/02
javascript

webデザイン

タブ

CSS
リンク
1