将flash替换为jquery/html5

Replace flash with jquery/html5

本文关键字:html5 jquery flash 替换      更新时间:2023-09-26

我有一个项目,大多数页面都使用flash。现在客户端想要用jquery/html替换flash。那么,从哪里开始呢?

该项目有swf文件,并由swfobject(javascript)嵌入。有人能帮我提供一个如何将swf转换为javascript/html的想法或步骤吗?

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

  1. 创建HTML文档,其中内容以简单、一致的格式结构化。如果你不确定如何做到这一点,那么我建议你找到一些与语义标记相关的基本原则(谷歌是你的朋友,这里有很多很棒的资源,但这是我刚刚遇到的一个初学者)在这个阶段,不要担心涉及动画或特殊用户交互的元素-只需在HTML中留出一部分这些元素现在需要去的地方
  2. 使用CSS以所需的外观布局文档结构。一步一个脚印——从页面中最大的元素开始,一直到最小的元素(我发现这是可靠构建UI的最佳方式,尽管其他人可能会采取不同的方法)
  3. 一旦你的基本页面结构正确,看起来不错,就应该把注意力集中在动画/互动方面了。最简单的方法是使用其他人的工作:jQuery插件。确定你需要什么功能,并找到已经提供该功能的插件(即,你提到了幻灯片放映功能——谷歌上的"jQuery幻灯片放映",并使用这些选项——会有很多)

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

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

我希望这能帮到你。对不起,我不能更具体,但我需要对你的问题进行更详细的描述,然后我才能给你更多。。。祝好运

1)学习Flash(希望你已经做到了)

2) 学习Javascript。学习html5。这里有很多资源和教程。

3) 以flash项目的来源为例。阅读并慢慢重写为javascript。

4) 一旦你翻译了这个项目,它显然是次优的。在javascript中,将一些类似flash的构造更改为类似javascript的构造。做一些小的优化,直到你对结果满意为止。

你试过Wallaby或Swiffy吗?Adobe也在以其他方式应对Flash过度使用的消亡。