Professional Documents
Culture Documents
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