JavaScript while文／Jquery スライド／Flash 関数

授業

JavaScript while文

変数の初期値；
while ( 繰り返し条件； ) {
　　実行される処理
変数の変更 ;
}

例：和暦（平成）と西暦を並べて表示

var MAX = 25;
var i =1;
while(i <= MAX) {
  document.write('<tr>');
  document.write('<td>', i, '</td>');
  document.write('<td>', i + 1988,  '</td>');
  document.write('</tr>');
  i++;
}

for文の場合は↓こうなる。

var i;
for (i = 1; i <= 25; i++) {
  document.write('<tr>');
  document.write('<td>', i, '</td>');
  document.write('<td>', i + 1988,  '</td>');
  document.write('</tr>');
}

練習

  • 入力した数字までの合計をダイアログで表示
<body>
<h3>合計</h3>
<p>以下のボタンをクリックすると、<br>
入力した数字までの合計を求めて表示します。</p>
<p><button onClick="total()">数字を入力する</button></p>
<script>
function total() {
var ans=0;
var i=0;
var maxNum;
maxNum=prompt('数字を入力してください。','半角数字で入力');
while(i<=maxNum) {
  ans=ans+i;
  i++;
}
  alert('1〜'+maxNum+'までの合計は'+ans+'です。');
}
</script>
</body>
  • break文
  • continue文

Jquery　Crossfade

スライドショーをつくる
必要なファイル


1.標準
2.上下にスライド
3.Ken Burns effect（ズーム効果）

FLASH

ボタンが押されるたびにオブジェクトが移動

イベントハンドラメソッド
var rate:Number=10;

top_btn.onRelease=function() {
lemon_mc._y-=rate;
}
right_btn.onRelease=function() {
lemon_mc._x+=rate;
}
bottom_btn.onRelease=function() {
lemon_mc._y+=rate;
}
left_btn.onRelease=function() {
lemon_mc._x-=rate;
}