簡易版スライダーを手作りしてみた

サイト構築 javascript

やっとできた。。。。スライダーって言ってもものすごく簡単で使っている関数というかコマンドにあたるのかわかりませんが、使っているのは２つだけ「.show()」「.hide()」ただし、これだけだと単に消えるか出るかだけなのでjQuery UIのプラグインを二…

2012-06-21

有名なJQueryのプレゼンの進化版。。。かな？

javascript

この人のプレゼン資料好きです！この資料なら20分で話しきれるし、集中して聞かせられる自信がある！http://www.slideshare.net/ym405nm/jquery-it

2012-06-21

【AS課題55】

ActionScript2.0

以下のようなムービーを作りなさい http://d.hatena.ne.jp/web-design-advance/20120611 解答 ※フレームレート：１０で実行しています。 var vectorX = 10; var vectorY = 10; var marginX = 1; var marginY = 1; var objWidth = plane_mc._width; var objHe…

2012-06-21

【実践課題F】

授業まとめ javascript

以下のように商品の単価と在庫の関係の表組みを表示させなさい。解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ width:200px; border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-colo</meta></head></html>…

2012-06-21

【実践課題E】

授業まとめ javascript

以下のように商品の単価と個数の関係の表組みを表示させなさい。解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ width:200px; border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-colo</meta></head></html>…

2012-06-21

【実践課題D】

授業まとめ javascript

以下のように演算結果を表示させなさい。解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ width:200px; border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-color:#fff; text-align:cen</meta></head></html>…

2012-06-21

【実践課題C】

授業まとめ javascript

配列を使い、以下のようにリストのリンクを表示させなさい。解答 <html> <head> <meta charset="utf-8"> <title>実践課題C</title> </head> <body> <script type="text/javascript"> var list = new Array("ホーム","会社情報","製品情報","お問い合わせ"); var strHtml="<ul>"; for(i=0;i<list.length;i++){ strHtml+="<li><a href='#'>"+list[i]+"<\/a><\/li…</list.length;i++){></ul></body></html>

2012-06-21

【実践課題B】

授業まとめ javascript

配列を使い、以下のような表組みを表示させなさい。解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-color:#fff; } </style> <title>実践課題B</title> …</meta></head></html>

2012-06-21

【実践課題A】

授業まとめ javascript

おみくじの結果「大吉」「中吉」「小吉」「吉」「凶」をランダムに表示させなさい。解答 <html> <head> <meta charset="utf-8"> <title>実践課題A</title> </head> <body> <h1>今日の運勢</h1> <p>今日のあなたの運勢は</p> <script type="text/javascript"> var omikuji = ["大吉","中吉","小吉","吉","凶"]; document.write(omikuji[Math.floor(Math.random()*5)]); </script>…</body></html>