HTML5 完美風暴第二版-光碟內容01 第六篇第二十四章

  • Published on
    12-Aug-2015

  • View
    1.004

  • Download
    5

Embed Size (px)

DESCRIPTION

HTML5 HTML5 [HTML5 ] http://www.kangting.tw/2013/01/html5.html

Transcript

HTML5 PART 6

24

24.1

24.2

SUMMARY

24-2

HTML5 ()

11.1 HTML5 HTML5 PART 1

HTML5 ()

24-3

24

HTML5 HTML5

24.1 index.html news.html category.html bookInfo.html about.html contact.html

bookInfo.hrml

24-2

HTML5 ()

24.1

HTML5 ()

24-3

24

24-4

HTML5 ()

24.1

HTML5 ()

24-5

24

24-6

HTML5 ()

24.1

HTML5 ()

24-7

24

bookInfo. html HTML5

24-8

HTML5 ()

24.1

bookInfo.html

HTML5 ()

24-9

24

24.2

CSS

24-10

HTML5 ()

24.2

  • HTML5

dot NET Java

-HTML5 Blog

bookInfo.html

bookInfo.html HTML5 ()

24-11

24

HTML5

  • HTML5 HTML5

HTML5 HTML5 Java // .NET //

id CSS class bookcat

24-12

HTML5 ()

SUMMARY

section.bookcat { display:none; }

JavaScript bookinfo.js window.onload = function () { var cats = ['html5', 'prog', 'net', 'java']; var urlString = window.location.toString(); var urls = urlString.split('?'); var cat = urls[1].split('=')[1]; if (urls[1]) { for (key = 0; key < cats.length; key++) { if (cats[key] == urls[1].split('=')[1]) { document.getElementById(cats[key]).style.display = 'inline'; } else { document.getElementById(cats[key]).style.display = 'none'; } } } }

url display bookInfo.html

SUMMARY HTML5

HTML5 ()

24-13