2011-06-07 111 views
1

我想知道是否有人可以提供任何建議。我是一名專業的HTML/CSS編碼人員......但是我對HTML 5的使用經驗不多。我已經閱讀了它可以做的偉大的事情,並且我想了解它,但我不能100%確定我能做什麼它。我已經閱讀了很多關於HTML 5的文章,但沒有一篇詳細介紹它來回答我的問題。HTML 5旋轉橫幅?

作出佈局更容易

除此之外,它可以做的事情一樣創建一個旋轉的旗幟?我需要這個網站

www.newmarklearning.com

的主要頁面上的橫幅,並使它的iPad/iPhone兼容。我知道我可以使用Javascript和其他編碼選項,但是我擔心這是一個很好的地方,我可以開始搞HTML5。

問題是不確定如果這就是正確的技術使用。 HTML 5/CSS 3可以處理這些事情,還是僅限於Javascript/Ajax等?

任何指着我的方向是正確的幫助將是巨大的。

感謝

克雷格

回答

0

關於動畫,CSS3爲您提供了很多選擇。見例如here瞭解更多關於二維變換的信息。也存在3D變換。但是,現在只有基於Webkit的瀏覽器才支持它。 This網站還提供了CSS3新功能的列表。

你的情況,有旗幟的動畫,你就必須結合一個過渡性質的變換(過渡,讓我們以動畫,唯一的變換描述目標旋轉/縮放/傾斜)。如果你想要一個不斷的動畫(不只是一次),可能需要一些Javascript。

好,除此之外,HTML5爲您提供了更多的新功能,比如離線存儲或其他東西。唯一的問題是,用戶必須有一個相對較新的瀏覽器來支持所有事情,但現在情況並非如此(我知道有幾家公司仍然使用IE6或7或類似的東西運行Windows XP - 任何停用更新: - /)

編輯:哦,好吧,我剛剛看了一下您的網站。對於這樣的「幻燈片」,至少JavaScript的一個有點將是必要的,存儲當前幻燈片等。但所有的智能手機瀏覽器應該支持沒有問題

+0

謝謝你們...那是什麼我想通。它是Javascript。 – Craig 2011-06-07 18:27:46

0

你的意思是右邊的旗幟?這在計時器上發生了變化,還是在單擊數字或箭頭時發生變化? 用JavaScript重新創建是最簡單的。
退房:
http://www.dhteumeuleu.com/
如果你想要一些好點子