You are on page 1of 6

27

27.1
27.2
27.3
/ onmousedown
/ onmousemove
/ onmouseup

SUMMARY

27-2

HTML5 ()

11.1

HTML5HTML5

PART 1

HTML5 ()

27-3

27

Canvas

27.1

27-2

HTML5 ()

27.1

HTML5 ()

27-3

27

27.2

<div> <canvas>
<aside> <nav>

<aside>
<div id="author">
<img src="images/editor-s.jpg" style="float: left" />
<div>
<ul>
<li><span> </span></li>
<li><span> </span></li>
<li><span> </span></li>
<li><span><a href="" target=_blank>
fufu-fu.myweb.hinet.net</a></span></li>
</ul>
</div>
</div>
<nav>
<ul id="album_list">
<ul>
<li class="cat_tab" img_tab='tab_flower'>
<label>
</label></li>
<li class="cat_tab" img_tab='tab_temple'>
<label>

()

27-4

HTML5 ()

27.3

</label></li>

</ul>
</ul>
<ul id="img_nav_list">
</ul>
</nav>
<div id="about">
<h1>
<span > </span>
</h1>
<article style="font-size:medium ;padding-left:18px;" >
HTML5
</article>
</div>
</aside>

<nav> <ul>
<ul>
id img_nav_list

<body>
<body onmousedown="mousedown_handler(event)"
onmouseup="mouseup_handler(event)"
onmousemove="mousemove_handler(event)">

27.3
JavaScript ip.js

JSON
var flipImages = [
"DSC0023,DSC0024,DSC0025,DSC0027,DSC0078,DSC0089,DSC0098,blank",
"DSC0049,DSC0051,DSC0052,DSC0053,DSC0062,DSC0065,DSC0066,DSC0067",
"DSC0107,DSC0109,DSC0175,DSC0176,DSC0182,DSC0183,DSC0190,DSC0192",
"DSC0116,DSC0119,DSC0120,DSC0121,DSC0125,DSC0126,DSC0127,DSC0164",
"DSC0137,DSC0140,DSC0143,DSC0145"
];

HTML5 ()

27-5