2011-08-14 89 views
1

在iPod Touch下,當我點擊藍色按鈕時,圖像將根據圖像向左/向右滾動。這是什麼叫滾動技術?

這種技術叫什麼,它可以使用純HTML5來實現嗎?

screenshot

+0

@Jonathan:標記這個[tag:ipod-touch]沒有用處 - 這不是關於ipod,ipod-touch網站上只是一個例子。 –

+0

同意。我認爲有人添加了iPod touch。 – Rudy

回答

5

這是carosel /圖片庫設計的另一種風格。這通常使用jQuery完成。說實話,你可以在網絡上找到幾乎所有的預製模板。我在下面添加了幾條鏈接。如果您有時間檢查並回復問題。

0

我不知道只有HTML 5,但通過CSS3的目標僞類(http://www.w3.org/TR/css3-selectors/#target-pseudo)可以讓用戶滾動通過圖像。

這樣做的問題當然是,如果沒有JavaScript,舊功能會在舊版瀏覽器中丟失,並且會自動通過各種圖像生成動畫(無需用戶選擇圖像來驅動:目標類)充其量是困難的。

Paul Hayes的CSS3模態窗口(http://www.paulrhayes.com/2011-03/css-modal/)解釋了很多這些問題,併爲您提供了很多關於如何通過CSS3實現滑塊的理論。儘管如此,除非你試圖做一個概念驗證,或者向CSS3展示世界有多酷,否則最好用Jake鏈接的JavaScript解決方案之一—將在現實世界中工作。