【问题标题】:Methods for creating a very animated webpage创建一个非常动画的网页的方法
【发布时间】:2011-11-23 14:17:33
【问题描述】:

下午。我是一名 php Web 开发人员,他在将 PSD 转换为 HTML/CSS 以供客户使用时,他的脚尖进进出出。一段时间以来,我一直在考虑制作自己的个人网站。

理念

一个旋转轮,其旋转点位于网络浏览器的底部中心。查看图片以获得更好的描述

问题

我可以在这里做出哪些选择/最佳选择。使用 JQuery 的普通旧 HTML/CSS?如果是这样,有没有人有任何类似网站的例子,他们可以引用作为我如何开始的参考? (甚至可能是一个教程?)

对于这个问题的基本性质,我深表歉意,因为我真的迷失了以哪种方式最好的实施方式

提前致谢, 亚历克斯。

编辑:http://www.nofrks.com/ 原则上是一个类似的想法。

【问题讨论】:

    标签: jquery html css jquery-animate


    【解决方案1】:

    CSS 不支持以任意角度绘制文本,因此无法实现像样的旋转效果。要实现这样的目标,您需要查看 HTML5 Cavas 元素(目前支持不佳)、CSS3(与上述相同)或 Flash(由于其自身原因而不好)。

    【讨论】:

    • 他的意思是,如果你想让你的内容旋转,你将不得不只使用图像。 @Viruzzo 你确定 jQuery 不允许这样做吗?
    • jQuery 自己做的很少,在这种情况下它只会使用 CSS3。您可以查看此stackoverflow.com/questions/4105772/… 以获得一些见解(它使用砂纸),但这些技术还没有为实际生产环境做好准备。当然,旋转内容的整个想法纯粹是以牺牲可用性和可访问性为代价的,所以他可能不在乎。
    • 感谢 cmets viruzzo。真的很有帮助。
    • 这是讽刺吗?无论如何,如果你真的想实现这样的设计,那是完全可行的,但 Flash 是你唯一真正的选择:在 IE 对标准的糟糕支持面前,其他一切都将死去。无论如何,定位移动设备是不可能的。编辑:我猜不是。
    【解决方案2】:

    我会查看 Raphaeljs,它基本上是一个用于图表/图形的 Javascript 库,但您绝对可以为它制作动画......

    这里是您正在寻找的东西的链接:http://raphaeljs.com/image-rotation.html(适用于 ie8)

    RaphaelJs 网站:http://raphaeljs.com/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-02-08
      • 2022-08-23
      • 2014-01-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多