javascript - 用 jquery/html5 替换 flash

标签 javascript jquery html flash

我有一个项目的大部分页面都使用 Flash。现在客户想用 jquery/html 替换 flash。那么我必须从哪里开始呢?

该项目有 swf 文件,它是通过 swfobject(javascript) 嵌入的。 谁能帮我提供一个想法或步骤,告诉我如何将 swf 转换为 javascript/html?

最佳答案

如果 Flash 不包含大量的动画/动态交互,那么我认为您应该遵循以下流程:

  1. 创建 HTML 文档,其中的内容以简单、一致的格式构建。如果您不确定如何执行此操作,那么我建议您了解一些与语义标记相关的基本原则(Google 是您的 friend ,这里有很多很棒的资源 - 但 here's a starter I just came across )。 在这个阶段不要担心涉及动画或特殊用户交互的元素 - 只需在 HTML 中留出一部分这些元素现在就可以放置
  2. 使用 CSS 布局具有所需外观的文档结构。一次执行此步骤 - 从页面中最大的元素开始,一直到最小的元素(我发现这是可靠地构建 UI 的最佳方法,尽管其他人可能采用不同的方法)。
  3. 一旦您的基本页面结构正确且看起来不错,就该关注动画/交互方面了。最简单的方法是使用其他人的作品:jQuery 插件。确定您需要什么功能并找到已经提供该功能的插件(即您提到了幻灯片功能 - Google 的“jQuery 幻灯片”并尝试使用这些选项 - 会有很多)。

实际上,如果您不是特别熟悉 HTML/CSS/JS,这对您来说不是一项简单的任务。以下是一些可能对您有所帮助的其他想法:

  • 首先关注内容结构:如果你做对了这一点,其他一切都建立在它之上,痛苦会少得多。此外,Google 非常喜欢良好的文档结构,因此这对提高网站在搜索结果中的排名非常有帮助。
  • 不要太担心 HTML5:除了您必须做额外的工作以使其完全兼容浏览器(至少,如果您需要大量浏览器)兼容性),但实际上还没有必要利用 navvideo 等元素(除非您的客户端不允许使用 Flash 视频 - 但那是另行讨论)。不要贪多嚼不烂。
  • 保持一致,这与上面的第一点有关 - 如果您在所有文档中一致地对元素应用结构,那么您可以更轻松地利用相同的 CSS 和 JS。
  • 至于本页其他地方的 w3schools 评论,我会说不要将它们用于教程 - 但它们可以成为学习 HTML 元素和属性以及 CSS 规则的有用引用源(尽管有许多其他网站可以在这里提供帮助)。

好了,希望对你有所帮助。抱歉,我不能更具体,但我需要对您的问题进行更详细的描述,然后才能给您更多...祝您好运

关于javascript - 用 jquery/html5 替换 flash,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8978756/

相关文章:

Javascript单元素下拉菜单

html - Css 显示无不工作

javascript - 使用 $emit from 指令将事件发送到 Controller

javascript - 拦截 JavaScript 事件调用(添加事件监听器以始终首先调用或备用)

jquery - 悬停时缓慢显示

html - 启动 css 站点但格式问题

jquery - <td> 在 IE8 中呈现问题

javascript - 图表-用独特的X轴值生成自定义趋势

javascript - 为什么 HTMLElement 原型(prototype)与所有实例共享属性而不是为每个元素创建副本?

javascript - jquery 响应后滚动顶部保持位置