複数の画像リンクからランダムに1つを表示する方法(2ページ目)ウェブページが表示されるたびに、ランダムに選ばれた画像が1つ表示され、クリックするとその画像に対応するページに移動できるような機能を作ってみましょう。たくさんある「お勧めページ」の中からランダムに1つを選んで表示したい場合などに活用できます。短いJavaScriptを使って、複数のリンク画像群から1つをランダムに選んで表示する方法を解説。 1. 画像リンクのリストを作る まずは、表示させたい画像とその説明文・リンク先URLのリストを作りましょう。下記のソースを、HTMLのhead要素内などに記述します。 <script type="text/javascript"><!-- // 画像・URLリストを配列で作る var imglist = [ [ "flowerA.jpg", "花A", "pagea.html" ] , [ "
「単位なし」だとうまくいく理由 以下のように、line-heightプロパティの値に単位を付けずに記述すると、大きな文字が現れても、上下の行と文字が重なってしまうことはありません。 line-heightプロパティに「単位のない数値」を指定した場合は、「文字サイズにその値を掛けた値」が行の高さになります。 例えば、p要素(段落)の文字サイズが20ピクセルだとすると、上記のスタイルを適用した結果、行の高さは28ピクセルになります。 (※[20ピクセル]×[1.4倍]=[28ピクセル]) ここまでは、先ほどの「1.4em」の場合と同じですね。しかし、ここから先が異なります。 ここで、strong要素(強調文字)の文字サイズを以下のように「30ピクセル」に指定したとします。 strong要素に対する「行の高さ」は、p要素の「行の高さ」を継承するのですが、ここで継承されるのは「28ピクセル」という
使ったソースは、下記の通りです。 【JavaScript側】 <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-script-type" content="text/javascript"> <!-- 暫定Ajaxライブラリを読み込む --> <script type = "text/javascript" charset = "utf-8" src = "./jslb_ajax03.js"></script> <script language="JavaScript"> <!-- //// // 受信時に起動するコールバック関数 // // @sample onloaded(res) // @param res レスポンス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く