JavaScript
「夏季限定・かき氷」ちょっとした涼のために大変な時間をかけてしまいましたが、 お楽しみいただければ幸いです。 画像：Illustrator＆Photoshop（CS） アイコンの画像置換：JavaScript（ロールオーバー） HTML+CSS（ながら入力で概算1〜2時間） 画像作るの…
まず基本のHTMLを書く <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Maps JavaScript API サンプル</title> </head> <body> <p>Google Maps APIを使ったサンプルです。</p> </body> </html> JavaScriptの指定 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Maps JavaScript API サ…</meta></head></html>
<html lang="ja"> <head> <meta charset="UTF-8"> <title>【実践課題D】 配列の演算</title> <script> <!-- var count = [0,1,2]; var a = [5,12,18]; var b = [33,14,65]; function aaaa(index){ alert(a[index]*b[index]); } //--> </script> </head> <body> <h1>配列の演算</h1> <table border="1"> <tr> <th>添字</th></tr></table></body></html>
【実践課題C】にもうひと手間。 リスト表示とリンク先をJavaScriptで制御 <html lang="ja"> <head> <meta charset="UTF-8"> <title>【実践課題C】リスト</title> <script> <!-- var name = new Array('ホーム','会社情報','製品情報','お問い合わせ'); var links = new Array('home.html','info.html','info2.html','contact.htm</script></meta></head></html>…
【実践課題D】を、 for文を使って叶えようとして、イマイチな結果に。 <html> <head> <meta charset="utf-8"> <title>【実践課題D】 配列の演算</title> <script> <!-- var count = [0,1,2]; var a = [5,12,18]; var b = [33,14,65]; //--> </script> </head> <body> <h1>配列の演算</h1> <table border="1"> <tr> <th>添字</th><th>a</th><th>b</th><th>a×b…</th></tr></table></body></html>
授業でも、ここのおさらいでも掲載済みのソースですが、 「JavaScriptでクロスフェード」を実装してみた。デザイン的体裁は、見てる内にあまりにもあっさりしすぎな気がしてきたので、 こんなギリギリでもう少し手を加える気マンマンに（汗）。そんなあっさ…
<html lang="ja"> <head> <meta charset="UTF-8"> <title>スライド１・クロスフェード</title> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/jquery.cross-slide.min.js"></script> <script> $(function() { $('#slideshow').crossSlide({ sleep: 2, fade: 1…</meta></head></html>
課題掲載→http://d.hatena.ne.jp/web-design-advance/20120605/p1 【J07】 「h1要素」と「ｐ要素」を、例のように表示するJavaScriptを記述しなさい。 はじめてのJavaScript ゼロからJavaScriptを記述できるように練習します。 window.document.write( '<h1>はじ</h1>…
