December 2014
Intermediate to advanced
416 pages
5h 33m
Chinese
Content preview from Responsive Web Design 響應式網頁設計學習手冊
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
320
|
響應式網頁設計學習手冊
圖 10-26 停用 JavaScript 時，小螢幕裡頭的選單預設上被展開，但不是所有的內容
都是可見的
使用切換選單時，你也能夠讓選單出現在螢幕最頂端，在「三條水
平線」圖示的上方，而不是下方。圖 10-27 的例子來自 Responsive
Nav（
http://www.responsive-nav.com
），這個網站被用來說明這種導
覽，它是非常輕量級的 JavaScript 插件（免費且開源碼）。
圖 10-27 切換選單能夠讓選單出現在圖示上方，而不是下方
如果瀏覽器不支援 JavaScript，預設上只展示導覽選單，沒有按
鈕（不像圖 10-26 的前一個例子，那還是有按鈕，然而它不會做任
何事）。
如果你下載示範壓縮檔，有 7 個不同的例子可供選擇，包括選單在
圖示列上方或下方的未樣式化版本；支援較老舊 IE 之插件的較重量
級版本；寬螢幕選單在側邊而不是頂端的版本，如圖 10-28 所示；
以及結合兩個獨立導覽的版本，如圖 10-29 所示。
10. 導覽與標頭配置
|
321
圖 10-28 使用切換導覽，寬螢幕設計能夠使用左側導覽代替頂端導覽
圖 10-29 這個例子將兩組獨立的導覽連結結合到同一個切換導覽
使用任何插件時，你可以修改它來符合你的需求，把它的程式碼當 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.