開発環境
- OS X El Capitan - Apple (OS)
- Emacs (Text Editor)
- JavaScript (プログラミング言語)
- Node.js(V8) (JavaScript engine)
Javascript for Kids (Nick Morgan 著、Angus Croll 寄稿、Miran Lipovaca イラスト、No Starch Press)のPart 2(Advanced JavaScript)、Chapter 9(The DOM and jQuery)、PROGRAMMING CHALLENGES #4: (USING FADETO)、(No. 2714)を取り組んでみる。
PROGRAMMING CHALLENGES #4: (USING FADETO)
コード(Emacs)
<!doctype html>
<head>
<script src="jquery.js"></script>
<script src="sample4.js"></script>
</head>
<body>
<h1 id="test0">Heading(0.1)</h1>
<h1 id="test1">Heading(0.2)</h1>
<h1 id="test2">Heading(0.3)</h1>
<h1 id="test3">Heading(0.4)</h1>
<h1 id="test4">Heading(0.5)</h1>
<h1 id="test5">Heading(0.6)</h1>
<h1 id="test6">Heading(0.7)</h1>
<h1 id="test7">Heading(0.8)</h1>
<h1 id="test8">Heading(0.9)</h1>
<h1 id="test9">Heading(1.0)</h1>
<button id="run0">run0</button>
<button id="run1">run1</button>
</body>
/*jslint node : true, continue : true,
devel : true, indent : 2, maxerr : 50,
newcap : true, nomen : true, plusplus : true,
regexp : true, sloppy : true, vars : false,
white : true
*/
/*global $, document*/
$(document).ready(function () {
$('#run0').click(function () {
var i,
max = 10;
for (i = 0; i < max; i += 1) {
$('#test' + i).fadeTo(2000, i / 10 + 0.1);
}
});
$('#run1').click(function () {
var i,
max = 10;
for (i = 0; i < max; i += 1) {
$('#test' + i).fadeTo(2000, 1 - i / 10);
}
});
});
0 コメント:
コメントを投稿