2010-04-22 57 views

回答

3

的Webkit(Safari瀏覽器,瀏覽器等),還內置了基於CSS的過渡特效的支持,和Mozilla正在加入他們。能夠使用瀏覽器提供的轉換(如果可用)將肯定會提高性能。

我不確定你的瀏覽器兼容性要求是什麼,但請記住沒有IE版本支持<canvas>呢。您可以使用JavaScript庫來提供僞支持,但我會想象會導致性能下降。

+1

我認爲你讓我的選擇非常簡單,你給了我一個很好的理由,爲什麼我應該使用CSS3,最重要的是,爲什麼不用帆布......謝謝! – Noor 2010-04-22 13:03:34

+0

+1使用CSS3轉換並處於邊界! – jholster 2010-04-26 22:21:46

3

您不必使用HTML5,但沒有什麼能阻止你......其實,這裏有一個關於HTML5幻燈片(使用HTML5)!

http://slides.html5rocks.com/

+2

不錯的鏈接,真正展現了我們用HTML5可以完成的事情,能派上用場!謝謝! – Noor 2010-04-22 12:59:59

+0

鏈接是一個停放的廣告頁面... – Matt 2013-06-24 22:21:57

+0

這一定是剛剛發生的 - 我正在尋找一個乾淨的鏈接。 – scunliffe 2013-06-25 17:27:35

2

鑑於我們所處的困境,我們目前的IE不支持CANVAS那麼我會說堅持使用jQuery版本。當然,除非你不介意排除IE - 但是記住它仍然是目前最流行的瀏覽器。

我也會說滑塊不是CPU密集型的,我總是會首先考慮可維護性和兼容性。

+0

我一直完全忽略了IE不支持canvas的事實,唯一的原因是我想看看這個網站的最終結果是非常錯誤的。據我瞭解,IE9將支持畫布,但它仍然沒有在這裏。 我想我會重新編碼頁面使用css3,因爲它現在已經實現到幾乎所有的瀏覽器,並且它確實不應該在這個「現代」世界中減慢PC。感謝您的輸入 – Noor 2010-04-22 13:02:52

+0

@Noor - MSFT已經在IE9中聲明瞭對SVG的支持(還有很多其他的東西,但是AFAIK他們還沒有聲明他們會支持CANVAS) – scunliffe 2010-04-22 13:27:52

2

的選擇大量進入了我的腦海:

  1. 視線被JS/CSS都經過嚴格測試的&快速實施。 CPU使用率不太可能成爲問題。

  2. 不過,如果你想用帆布選項支持基於微軟 - 瀏覽 - 啄去體驗,你可以通過Raphaël跨瀏覽器API繪製簡化你的生活。

  3. Pure CSS transitions是最優雅的(可以說)的方法。不幸的是,庫比蒂諾以外的人都懶得實施它們,所以目前它們的使用大多侷限於額外的眼睛糖果。

  4. 復古的方式:假裝它是2001年和these guys使您可以做一些嚴重的CPU燒幾百塊錢。