汗で稼ぐ榎本行宏の『えのちゃんねる日記(仮題)』〜webデザインの勉強と漫画と小説と麻雀とあとなんか。〜はてなブログ版バージョン1.17 yukihiroenomoto666’s diary

『えのちゃんねる日記(仮題)』はてなブログ版へようこそ!汗で稼ぐ榎本行宏(フェリカwebサイト制作科2014年8月18日開講の生徒)のwebデザインの勉強や漫画や小説や麻雀やあとなんかの話。(*ω*)

スポンサーリンク

熱い祭りだぜ!

汗で稼ぐ榎本行宏(フェリカwebサイト制作科2014年8月18日開講の生徒)です。
昨日は祭り男くんとLINEで熱い話をしました。
詳しくはここでは話せないがかなりやる気がみなぎってきたぜ!
祭り男は親友だ!
そんな僕らは今日もJavascriptが全然よくわかりませんでした。
今日やったJavascriptは下の方にコピペしておきました。
Photoshopもまだまだ奥が深い。
奥まで届くか微妙な長さです。(*ω*)

榎本行宏のツイッター
@yukihiroenomoto

↓えのちゃんねる日記のはてなブログ版。

汗で稼ぐ榎本行宏の『えのちゃんねる日記(仮題)』〜webデザインの勉強と漫画と小説と麻雀とあとなんか。〜はてなブログ版バージョン1.17 yukihiroenomoto666’s diary


↓えのちゃんねる日記のはてなダイアリー版。

汗で稼ぐ榎本行宏の『えのちゃんねる日記(仮題)』〜webデザインの勉強と漫画と小説と麻雀と、あとなんか。〜はてなダイアリー版バージョン1.17

↓授業で作ってるjimdoの僕のページ。
Home - comic-parkdias-ye-666 ページ!

↓以下は今日の授業でやったJavaScript

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>画像置換</title>
</head>
<body>
<p><img src="../img/btn.png" art="" onmouseover="this.src='../img/btn_over.png' " onmouseout=" this.src='../img/btn.png' "></p>
</body>
</html>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>画像置換の練習</title>
</head>
<body>
<div class="imgBox">
<div class="thumnail">
<img src="img/thum01.png" alt="" onmouseover="mainImg.src='img/main01.png'" onmouseout=" mainImg.src='img/main01.png' "><img src="img/thum02.png"alt="" onmouseover="mainImg.src='img/main02.png'" onmouseout=" mainImg.src='img/main01.png' "><img src="img/thum03.png"alt="" onmouseover="mainImg.src='img/main03.png'" onmouseout=" mainImg.src='img/main01.png' "><img src="img/thum04.png"alt="" onmouseover="mainImg.src='img/main04.png'" onmouseout=" mainImg.src='img/main01.png' "><img src="img/thum05.png"alt="" onmouseover="mainImg.src='img/main05.png'" onmouseout=" mainImg.src='img/main01.png' ">
</div>
<div class="mainImg"><img src="img/main01.png"alt="" name="mainImg"></div>
</div>
</body>
</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>さいころの目:奇数のみ表示</title>
</head>

<body>
<script>
for(var i=1; i<6; i++ ) {
  if( i%2 === 1 ) {
  document.write(  '<img src="img/d' + i + '.jpg">');
  }
}
</script>

</body>
</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>九九</title>
<style>
table {
  border-collapse: collapse;
}
th, td {
  width: 50px;
  text-align: center;
}
th {
  background: #CCC;
}
</style>
</head>

<body>
<h1>九九表</h1>
<table border="1">
<tr>
<th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th>
</tr>
<script>
for(var i = 1; i <= 9; i++) {
document.write('<tr>');
document.write('<th>' + i + '</th>');
for(var j = 1;j<=9;j++){
	document.write('<td>' + i*j + '</td>');
}
document.write('</tr>');
}
</script>
</table>
</body>
</html>