javascript - 在 "a rel=""" 中播放/显示 "swf"

Question

我有这个图像的工作代码：

<a class="showimage" rel="http://www.sitename/images/image.png" >
<span>hover here</span>
</a>

加上一些 javascript 和 css 代码....所以现在的最终结果是，当您将鼠标悬停在“悬停在这里”时，它会显示实际的图像“http://www.sitename/images/image.png” - 像这样（http ://goo.gl/jhyNm )

我想问的是，是否可以显示/播放 .SWF 文件而不是图像....所以过程是一样的，我将鼠标悬停在“悬停在此处”文本上并显示 .SWF ？

任何帮助将不胜感激。谢谢

Answer 1

我不是 100% 确定，但您可以尝试在div元素中嵌入 SWF 并在“悬停在这里”上使用 JS 检测mouse over事件，然后显示或隐藏div。

Answer 2

关于“显示”.swf文件 - 这很容易，关于“播放”它 - 我真的不知道仅使用 js 是否有可能。我想你需要一些 API。（autoplay如果存在选项）。

无论如何，html：

<a href='#' id='showMovieText'>
Hover Me
<div style='display:none'>
<!--EMBEDED SWF FILE HERE-->
<embed ....>
</div>
</a>

jQuery：

$('#showMovieText').hover(function(){
 $(this).find("div").css('display','block');
});

演示：http: //jsfiddle.net/YbWgh/