2010-04-22 56 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烧几百块钱。