Question

在this page，在右边，它显示3％，你会注意到每20秒左右，一架飞机在这一段飞行。这是用javascript完成的，还是动画图像的一部分，它是如何完成的？我找不到示例代码。

P.S。请重新录制，如果不是javascript

Answer 1

如何弄清楚页面上的内容：

使用Firebug安装Chrome或Firefox（或Safari，但我不是Safari用户，因此无法提供说明）
加载页面
使用Chrome中的“元素”开发人员标签或Firebug中的“HTML”标签来选择相关元素。
检查浏览器告诉您元素的DOM。

在这种情况下，您会看到<div>标记（明确地给出“id”值“flashcontent_home”），而<div>内部标记为<embed>。确实是Flash的标志。

IE 8和9也有开发人员工具可以做到这一点，虽然它们有点麻烦。关键是即使是一个简单的老式“查看源”也是可以开始的地方。

Answer 2

也可以使用CSS / JS轻松完成。

只需使用background-image创建一个元素，然后分配overflow hidden。在该元素中添加另一个元素（飞机），animate其动作，降低opacity和瞧：

http://jsfiddle.net/niklasvh/DXQ5a/

Answer 3

那将是闪光

_我认为

我用萤火虫检查了dom，发现一个绝对位于jpg上的嵌入元素。我猜想他们只是在图像上嵌入了一个简单的循环flash动画，这样当动画保持不变时（或反之亦然），图像可以改变。

我没有检查很长时间，所以它仍然可以是javascript，假设我在过渡期间错过了元素。

Answer 4

Sameold，这是一个位于图像上方的flash动画。以下是代码段：

<embed width="618" height="315" wmode="transparent" menu="false" scale="scale" quality="high" bgcolor="#ffffff" name="header_home" id="header_home" style="" src="/img/swf/header_home.swf" type="application/x-shockwave-flash">

这是动画的直接链接： http://armavia.am/img/swf/header_home.swf

尽管如此，我想你可以使用JavaScript / CSS做同样的事情（可能甚至不需要canvas元素）。

Answer 5

它是覆盖在背景图像上的透明闪光图像。你可以在这里看到flash：http://armavia.am/img/swf/header_home.swf你可以保存.swf文件并在他们自己的网站中使用它（尽管它会侵犯版权。）

这是什么影响

5 个答案: