開発環境
- 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 #3: (DELAYING ANIMATIONS)、(No. 2714)を取り組んでみる。
PROGRAMMING CHALLENGES #3: (DELAYING ANIMATIONS)
コード(Emacs)
<!doctype html>
<head>
<script src="jquery.js"></script>
<script src="sample3.js"></script>
</head>
<body>
<h1 id="test0">Heading</h1>
<button id="run0">run</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 () {
$('#test0')
.fadeOut(1000)
.delay(5000)
.fadeIn(1000);
});
});
0 コメント:
コメントを投稿