這是什麼效果

在this page的右側，它說的是3％，你會注意到每隔20秒左右一架飛機就飛過了這一段。這是用javascript完成的，還是它是動畫圖像的一部分，它是如何完成的？我找不到示例代碼。這是什麼效果

P.S.

來源

2011-06-18 sameold

對我來說，它看起來好像它們在圖像上具有透明閃光層。 – zzzzBov

這將是閃存

_我覺得

我檢查使用Firebug的DOM，發現絕對定位在一個jpg一個嵌入元素，請重新標記，如果不是的JavaScript。我猜測他們只是在圖像上嵌入了一個簡單的循環flash動畫，以便在動畫保持不變的情況下（或通過簽證）圖像可以改變。

我沒有檢查它很長時間，所以它仍然可以是JavaScript，假設我在轉換過程中遺漏了元素。

來源

2011-06-18 00:08:07 zzzzBov

當然。證實。 – Steve

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元素）。

來源

2011-06-18 00:12:37 Polaris878

如何找出什麼是在頁面上：

安裝Chrome或Firefox瓦特/螢火蟲（或Safari瀏覽器，但我不是一個Safari瀏覽器用戶，所以我不能提供說明）
負載頁面
使用Chrome中的「元素」開發者標籤或Firebug中的「HTML」標籤選擇相關元素。
檢查瀏覽器告訴你元素的DOM。

在這種情況下，你會看到一個<div>標籤（引人關注給出的「ID」值「flashcontent_home」），這裏面<div>是<embed>標籤。 Flash的確定標誌。

IE 8和9的開發者工具也可以這樣做，儘管他們有點麻煩。關鍵是，即使是一個簡單的老式「查看源」是開始的地方。

來源

2011-06-18 00:12:41 Pointy

對Safari評論+1。我已經「安裝」了多年，但不知何故，它不會運行。並讓我安裝更新。經常。去火狐（和Firebug）！ :) –

也可以很容易地用CSS/JS完成。

只需製作一個元素background-image，分配overflow hidden。添加另一個元件（飛機），該元件，animate其運動的內部，降低opacity，和瞧：

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

來源

2011-06-18 00:15:04 Niklas

它是覆蓋在背景圖像的透明閃光圖像。你可以在這裏看到flash：http://armavia.am/img/swf/header_home.swf你可以保存。swf文件，並在您自己的網站中使用它，就像他們一樣（雖然這會侵犯版權）。

來源

2011-06-18 00:16:42 Bryan

這是什麼效果

回答

相關問題