javascript
LightBoxのイメージ つまり単純に言えば、ブラウザの上にposition:absolute指定のdivが二つ乗っているだけです。 LightBox背景 ここに書いてあるものはあくまでも初期設定です。 実は不可視にしてあるだけで存在しています。 ここではposition:fixになってい…
LightBoxとは 授業でもありましたが、そもそもはしたからライトアップして展示するボックスのこと。 Webではブラウザ表示の一番上に表示して写真などを見せる手法 LightBoxをよく見てみる 下の画面は切り替わっていない。 半透明の背景の上にさらに表示部が…
一応下記サイトを少し参考にさせていただきまして、自作しました。 まだスタイルは整っていないのでちょっと恥ずかしいですが、一応成果として載せないと土日に何をしていたんだって話になってしまうので＾＾； 参考にさせていただきましたサイト http://asc…
<div class="item_list"> <img src="details/images/No1.PNG" width="168px" height="105px" alt="シンプルな名刺" title="No01" class="list_img"/> <div class="item_category">カテゴリ：Pretty</div> <div class="item_category">Designed By：しっぱ</div> <div class="item_category"></div></div>
<html> <head> <meta charset="utf-8"> <style type="text/css"> body{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color:#fff; } *{ margin:0; padding:0; } h1{ width:940px; line-height:2.0em; text-</meta></head></html>…
以下のような九九の対数表を表示させなさい。 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border-collapse: collapse; border:1px solid #000; } th{ width:30px; font-weight:bold; background-color:#999; border:1px solid #000; } td{ width:30px; text-align:center; background-colo</meta></head></html>…
1〜100までの合計をダイアログボックスに表示させなさい。 <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <script type="text/javascript"> <!-- var st=1; var ed=100; var ans=0; for(i=st;i<=ed;i++){ ans+=i; } alert("1〜100までの合計は"+ans+"です！"); //--> </script> </head> <body> </body> </html>
<html> <head> <meta charset="utf-8"> <style> <!-- .mulOfThree { font-size: 250%; color:red; } --> </style> <title>無題ドキュメント</title> <script type="text/javascript"> var max = 15; for(i=1;i<=max;i++){ var mod = i%3; if(mod==0){ document.write("<span class='mulOfThree'>"+i+"</span><br/>"…</br/></meta></head></html>
<html> <head> <meta charset="utf-8"> <title>for文の練習１</title> <script type="text/javascript"> function calc(){ var answer=0; for(i=0;i<=100;i++){ var mod = i%2; if(mod==0){ answer+=i; } } alert('2、4、6、8、…、100の合計は' + answer+ 'です'); } </script> </head> <body> </body></html>
ドルから円に換算を表示するJavaScriptを記述しなさい。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS14</title> </meta></head></html>
以下のように表示するJavaScriptを記述しなさい。年齢が20歳以上であったら、以下のように表示されます。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <…</meta></head></html>
以下のように表示するJavaScriptを記述しなさい。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> </meta></head></html>
「長いメッセージの場合は、 エスケープシーケンスで改行します。」 と表示するJavaScriptを記述しなさい。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> …</meta></head></html>
1年が何秒かを表示するJavaScriptを記述しなさい。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS10</title> </head>…</html>
一歩先になりますが、配列で書いてしまいました。 ただし、定数に関してはきちんとまとめてあります。 男性の標準体重:(身長-80)×0.7 女性の標準体重:(身長-70)×0.6 解答 <html> <head> <meta charset="utf-8"> <script type="text/javascript"> </meta></head></html>
私のやりたかったことはこれで実現できそう！ 本日授業でやったlightboxのjquiry版かなhttp://www.css-lecture.com/log/javascript/012.htmlでも、なんか古い。。。。2008年だな。。。 んー。嫌な予感。lightbox2だと画像フッターからのリンクが飛べません。…
昔の自分は忘れがち 理解できないところにはちゃんと理由があって、きっと自分も通ってきてわかりづらいと思ってたはず。 でも、できちゃうとそれを忘れてしまう。初心忘れるべからず！ 教えてみてなるほどと思ったこと１ stageの端まで行って折り返すaction…
ボタンをクリックするとアラートに「Hello JavaScript!」と表示させなさい。 <html lang="ja"> <head> <meta charset="utf-8"> <title>JS09</title> </head> <body> <h1>アラートを表示する</h1> <hr> <p>ボタンをクリックするとアラートが表示されます</p> <div><input type="button" name="answer" value="クリックしてください" onClick="click_alt();"/></div> </hr></body></html>
次の語句を説明しているものを選びなさい。 （1）onload （2）( ) （3）alert （4）; （a）ポップアップウィンドウにメッセージを表示する （b）JavaScriptのコードの行の終端 （c）ウェブページの読み込み完了を示す （d）関数に渡される情報を囲む 解答 （…
「h1要素」と「ｐ要素」を、例のように表示するJavaScriptを記述しなさい。 <html> <head> <meta charset="utf-8"> <title>JS07</title> </head> <body> <script type="text/javascript"> <!-- document.write('<h1>はじめてのJavaScript<\/h1>'); document.write('<p>ゼロからJavaScriptを記述できるように練習します<\/p>'); //--> </script> </body> </html>
ボタンをクリックしたらアラートで答えを表示するJavaScriptを記述しなさい。「function」を使用します。（質問と答えは自由。） <html lang="ja"> <head> <meta charset="utf-8"> <title>JS06</title> </head> <body> <p>あなたの名前は？</p> <div><input type="button" name="answer" value="名を名乗る！" onClick="click_alt();"/></div> </body></html>
クリックでアラートを表示するJavaScriptを記述しなさい。J01と同じ結果です。「function」を使用しなさい。 <html lang="ja"> <head> <meta charset="utf-8"> <title>JS05</title> </head> <body> </body></html>
ページを開いた瞬間にアラートを表示するJavaScriptを記述しなさい。（写真は自由。） <html lang="ja"> <head> <meta charset="utf-8"> <title>JS04</title> </head> <body onLoad="alert('犬の画像を表示しました');"> <img src="img/dog.jpg" alt="犬の写真" title="ダックスフント" width="50%" hright="50%"/> </body> </html>
マウスアウトでアラートを表示するJavaScriptを記述しなさい。（写真は自由。） <html lang="ja"> <head> <meta charset="utf-8"> <title>JS03</title> </head> <body> <img src="img/dog.jpg" alt="犬の写真" title="ダックスフント" width="50%" hright="50%" onMouseOut="alert('犬の写真からカーソルをはずしましたね？');" style="cursor: pointer;"/> </body> </html>
クリックでアラートを表示するJavaScriptを記述しなさい。 （写真は自由。）「function」は使用しない通常のアラート。 <html lang="ja"> <head> <meta charset="utf-8"> <title>JS01</title> </head> <body> </body></html>
window.defaultStatus="色の設定"ステータスバーに「色の設定」と表示する document.fgColor='#f00';テキスト色の変更 document.bgColor='#eee';背景色の変更
問題 自分の氏名を出力パネルに表示しなさい。 解答 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="content-script-type" content="text/javascript" > <title>無題ドキュメント</meta></meta></head></html>
問題 「ビールを12杯：１杯500円」「ウーロン茶を4杯：１杯300円」「サラダを2皿：１皿600円」「チキンを2皿：１皿800円」 「ピザを2枚：１枚800円」 これを5人で割り勘にしたときの一人あたりの金額を求めなさい。 解答 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">…</meta></head></html>
問題 「車Aの時速は100km」「車Bの時速は140km」 東京←→大阪の距離は560km どちらが何時間早く着くか求めなさい？ ※四捨五入の式は考慮しなくてもOK 解答 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </meta></head></html>
