December 2013
Intermediate to advanced
752 pages
16h
Chinese
Content preview from MOBILE WEB程式設計--第二版
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.
474
|
第十二章
target="_blank">Twitter</a></li>
<li class="forward"><a
href="http://code.google.com/p/jqtouch/w/list"
target="_blank">Google Code</a></li>
</ul>
</div>
JavaScript 行動 UI 模式
第五章提到，行動設備必須採取不同的方法來處理許多常見的工作。在本節中，我們會
仔細觀察一些行動專屬的 UI 模式。
清除文字方塊的按鈕
觸控設備在它們的原生 UI 中加入一個非常棒的文字方塊功能：可觸碰方塊右方的小型
X 來清除文字（如圖 12-6 所示）。由於有些設備沒有鍵盤，所以這是非常實用的功能。
我們可以輕鬆地藉由結合圖像（或稍後說明的
canvas
標籤）及一些 JavaScript 碼，來模
擬這個 UI 模式。
圖 12-6 你可以看到 Yahoo! 網站為觸控設備（如 iPhone）實作的這種模式。
行動 JavaScript
|
475
我們可以使用一個 20×20 像素的圖像（適合在相容的設備內嵌圖像）及下列的 CSS 樣
式，來實作清除按鈕。我們可以從一開始就以
div
與一張背景圖像來顯示這個圖像，或
在使用者開始打字時才顯示 ...
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.