2016年4月27日水曜日

開発環境

Javascript for Kids (Nick Morgan 著、Angus Croll 寄稿、Miran Lipovaca イラスト、No Starch Press)のPart 2(Advanced JavaScript)、Chapter 10(Interactive Programming)、PROGRAMMING CHALLENGES #1: (FOLLOW THE CLICKS)、(No. 2714)を取り組んでみる。

PROGRAMMING CHALLENGES #1: (FOLLOW THE CLICKS)

コード(Emacs)

<!doctype html>
<html>
  <head>
  </head>
  <body>
    <h1 id="heading">Hello world!</h1>    
    <script src="jquery.js"></script>
    <script src="sample1.js"></script>      
  </body>
</html>
/*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 $ */
$('html').click(function (event) {
    var $heading = $('#heading');

    $heading.offset({
        left: event.pageX,
        top: event.pageY
    });
});

Hello world!

0 コメント:

コメントを投稿