在“a rel =”“”中播放/显示“swf”

时间:2012-08-25 15:52:46

标签: javascript jquery image flash rel

我有这个用于图像的工作代码:

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

加上一些javascript和css代码....所以最后的结果是现在当你悬停在“悬停在这里”它显示实际的IMAGE“http://www.sitename/images/image.png” - 类似于这(http://goo.gl/jhyNm

我想问的是,是否可以显示/播放.SWF文件而不是图像....所以过程是一样的,我将鼠标悬停在“悬停在这里”文本并显示.SWF?< / p>

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

2 个答案:

答案 0 :(得分:1)

我不是百分百肯定,但您可以尝试在div元素中嵌入SWF并在“悬停在此处”使用JS检测mouse over事件,然后显示或隐藏div

答案 1 :(得分:1)

关于“显示”.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/