2013-08-01から1ヶ月間の記事一覧
jQueryのアニメーションではなく、CSS3のtransitionで作成しました。 プラグインになっています。 画像サイズに合わせて、スライドショーの幅、その他のサイズの調整をします。 オプションでその他指定出来ます。 アップロードしました → http://yuto-m.saku…
アコーディオンパネルをjQueryとCSS3で作成しました。 今回はプラグインにしてみました。 動きをCSS3で作ったりしているので、オプション指定はあまり出来ません。 CSSのクラス名、HTMLを変えなければ、CSSをいじるだけで、見た目を変えることはできます。 …
以下、練習問題の回答です。 Q01 for(var i = 1; i <= 3; i++){ alert(i); } Q02 var point = prompt('何点ですか?'); (point < 70)? alert('不合格!') : alert('合格!'); Q03 var messages = new Array('今日はラッキーデー!','ボチボチ頑張っていきま…
'; } function inputSubmit($element_name,$label){ echo '
簡単なフォームの処理 名前を入力すると、挨拶が表示されるプログラムです。 空文字だと、エラーが表示されます。
10進数を16進数に変換する
引数 関数には引数を渡すことが出来ます。 指定する際には、デフォルトの値も設定することができますが 必須の引数よりもあとに設定します。 $total*$tax, 'chip' => $…
多次元配列を使った演習 array( 'New York' => 8008278 ), 'CA' => array( 'Los Angeles' => 3694820, 'San Diego' => 1223400 ), 'IL' => array( 'Chicago' => 2896016 ), 'TX' => array( 'Houston' => 1953631, 'Dallas' => 1188580, 'San Antonio' => 11…
count() / 配列のサイズ 'yellow', 'tomato' => 'red', 'carrot' => 'orange' ); $vegetables = array('yellow','red','orange'); $vegetables['corn'] = 'yellow'; $vegetab…
abs() / 絶対値を返す "66666"){ echo 'tr…
乗数を計算するプログラム PHP
授業中なんとなく作りました。 ちょっと気に入ってしまいました…
jQueryとCSS3を使って、エフェクトのあるタブを作りました! アップロードしてあります→http://yuto-m.sakura.ne.jp/admin/assignment/js/tabs_effect/index.htmlHTML <html lang="ja"> <head> <meta charset="utf-8"> <title>Tabs Effect</title> <link rel="stylesheet" href="common.css"> </link></meta></head></html>
PHPにおける変数のルール 使用可能な変数名 変数名は必ず「アンダースコア」か「アルファベット」で始まる 残りの文字は「数字」、「アルファベット」、「アンダースコア」 変数の操作 変数は文字列、数値と同じように扱える 前置・後置加算子、前置・後置減…
前回の続きです。 strcasecmp() / 大文字、小文字を区別しない 文字列の比較
基本的なことですが、しっかりと身につける為にも忘備録として、ブログにUPしていこうと思います。 ダブルコーテーションとシングルコーテーションの違い JSなどでは違いがありませんが、PHPでは大きな違いがあります。
以前見たこちらのサイト[CSS]パネルをCSS3アニメーションでスライドや回転や拡大させたりするチュートリアル | コリスを見て、マネをしてみました。これぐらいなら簡単に出来ますね! アップロードしてあります→http://yuto-m.sakura.ne.jp/admin/assignment…
恐らく、課題で作るサイトでPHPを使わざるを得なくなってしまったので、焦ってPHPの勉強をしています。そこで今回はページのフォームから、画像とタイトルを入力して、送信するとページに画像が表示されるようにしてみました。画像は指定したフォルダに保存…
簡単な機能ですが、練習も兼ねて作ってみました。 以下コードになります。 HTML <html lang="ja"> <head> <meta charset="utf-8"> <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="common.css"> <title>LightBox</title> </head> <body> <div id="lb_base"></div></body></html>
課題の回答です。 少し手を抜いてしまいました・・・ 細かいところが・・・ HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>html page 003</title> <link rel="stylesheet" href="common.css"> <link rel="stylesheet" href="page003.css"> </head> <body id="page003"> <div id="container"> <header> <h1><span class="hide">…</span></h1></header></div></body></html>
課題の回答です HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>H03/C03</title> <link rel="stylesheet" href="common.css"> </head> <body> <div id="page_wrapper"> <header><h1><img src="img/main.gif" width="600" height="445" alt="ガラスの靴の持ち主を探しています!"><h1></header> <div id="content"> </div></div></body></html>
課題の回答です HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>html page 002</title> <link rel="stylesheet" href="reset.css"> <link rel="stylesheet" href="common.css"> </head> <body> <div id="container"> <header> <h1><span class="hide">かわさきコンテンツアワード2011</span></h1> </header> </div></body></html>
課題の回答です HTML <html lang="ja"> <head> <meta charset="utf-8"> <title>html_page_001</title> <link rel="stylesheet" href="common.css"> </head> <body> <div id="container"> <header> <h1>ECOLOGY【エコロジー】</h1> <p>Computer Technology Groupsでは、<br>グループをあげてエコロジー・環境問題に取り組んでいます。<br>成果や実績を地域に還元することも…</p></header></div></body></html>