デジタル時計の作成

授業 JavaScript

windowオブジェクトの「setTimeoutメソッド」を使用おまけ：DreamWeaverの日付挿入機能で更新日を自動表示 <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイマー</title> <style> input { width: 90px; font-size: 66px; font-family: monospace; padding: 8px; } p { font-size: 40px; } </style> <script> var hourBox, minBox, </meta></head></html>…

2013-01-18

透過PNG／random関数

授業 JavaScript photoshop Illustrator

透過PNGを作成 [Illustrator] テンプレート配置した画像をトレースドロップシャドウ効果を付けるレイヤーを複製ラインツールで任意の場所に線を引くパスファインダーで分割。任意の場所を削除効果→スタイライズ→ドロップシャドウ web用保存 PNG24 東名…

2013-01-14

JavaScriptオブジェクト／サイト作成の便利ツール

授業 JavaScript サイト制作

JavaScript Dataオブジェクト Dateオブジェクトを生成 <html lang="ja"> <head> <meta charset="UTF-8"> <title>オブジェクトを生成する</title> <script> var now; now=new Date(); document.write('<h1>',now.toString(),'<h1>'); </script> </body> </html> 指定した日時のDateオブジェクトを生成 <html lang="ja"> <head> </head></html>

2013-01-11

アコーディオンとタブメニュー

授業 JavaScript

「40分で覚える！jQuery速習講座」 http://ascii.jp/elem/000/000/498/498710/JQueryツール入手 http://jquery.com/ http://jqueryui.com/

2013-01-10

関数／横スクロールとlightBox

授業 JavaScript

関数関数の定義ユーザー定義関数戻り値横スクロールとlightBox