三更论坛技术版『 技术交流 』 → 如何给现有的flash动画做超级链接


  共有10355人关注过本帖树形打印复制链接

主题:如何给现有的flash动画做超级链接

帅哥哟,离线,有人找我吗?
荞麦
  1楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
如何给现有的flash动画做超级链接  发帖心情 Post By:2008-10-14 17:07:46 [只看该作者]

  链接说明:不是指在做flash动画的时候,在动画里面做超级链接,而是给现成的flash动画插入超级链接,就像给文字、图片超级链接那样,简单方便,容易更换链接。

  很多朋友有这种链接要求,但不容易找到方法,绝大多数的链接都是做在flash里面的,一般朋友不会制作flash动画,也就很难实现。我们需要的就是那种直接给网页中的flash动画插入链接的方法。

 

  实现方法:荞麦检索百度,得到给flash动画做链接的一种方法,实际上就是使用js代码实现的。荞麦给以整理、分解成两种方法,以便朋友们灵活使用。

 

  方法1、在网页中调用js代码

 

  在网页中插入如下代码即可

 

<script src="http://网址/flash.js"></script>
<script>if (typeof(cf)=="function") {cf("填写你的FLASH地址","468","60","填写你要链接的地址","0");}</script>

 

flash.js文件代码如下:

 

function cf(flashsrc,flashwidth,flashheight,flashlink,br){
document.write("<table width="+flashwidth+" height="+flashheight+" border=0 cellpadding=0 cellspacing=0><tr><td>");
document.write("<div style=\"position:relative\">");

document.write("<embed style=\"position:absolute;z-index:0\" src="+flashsrc+" quality=\"high\" width="+flashwidth+" height="+flashheight+" TYPE=\"application/x-shockwave-flash\" PLUGINSPAGE=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" wmode=\"opaque\"></embed>");
document.write("<div style=\"position:relative;filter:alpha(opacity=0);-moz-opacity:0;z-index:10;left:0;top:0;background:transparent !important;background:#cdeaf6;width:"+flashwidth+";height:"+flashheight+"px;\">");

document.write("<a href="+flashlink+" target=\"_blank\" style=\"cursor:pointer;display:block;width:"+flashwidth+";height:"+flashheight+"px;\"></a>");

document.write("</div>");

document.write("</div>");

document.write("</td></tr></table>");

if (br=="1") {
document.write("<br>");

}
}


function cf1(flashsrc,flashwidth,flashheight,br){
document.write("<embed src=\""+flashsrc+"\" quality=high pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" type=\"application/x-shockwave-flash\" width="+flashwidth+" height="+flashheight+" align=center></embed>");

if (br=="1") {
document.write("<br><br>");
}
}

 

 

  方法2、直接在网页里面插入如下js代码

 

<script>
function cf(flashsrc,flashwidth,flashheight,flashlink,br){
document.write("<table width="+flashwidth+" height="+flashheight+" border=0 cellpadding=0 cellspacing=0><tr><td>");
document.write("<div style=\"position:relative\">");

document.write("<embed style=\"position:absolute;z-index:0\" src="+flashsrc+" quality=\"high\" width="+flashwidth+" height="+flashheight+" TYPE=\"application/x-shockwave-flash\" PLUGINSPAGE=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" wmode=\"opaque\"></embed>");
document.write("<div style=\"position:relative;filter:alpha(opacity=0);-moz-opacity:0;z-index:10;left:0;top:0;background:transparent !important;background:#cdeaf6;width:"+flashwidth+";height:"+flashheight+"px;\">");

document.write("<a href="+flashlink+" target=\"_blank\" style=\"cursor:pointer;display:block;width:"+flashwidth+";height:"+flashheight+"px;\"></a>");

document.write("</div>");

document.write("</div>");

document.write("</td></tr></table>");

if (br=="1") {
document.write("<br>");

}
}


function cf1(flashsrc,flashwidth,flashheight,br){
document.write("<embed src=\""+flashsrc+"\" quality=high pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" type=\"application/x-shockwave-flash\" width="+flashwidth+" height="+flashheight+" align=center></embed>");

if (br=="1") {
document.write("<br><br>");
}
}

 

//flash链接
if (typeof(cf)=="function") {cf("填写你的FLASH地址","468","60","填写你要链接的地址","0");}
</script>

 

----------------------

   说明:468、60分别为flash的宽和高。宽可使用百分比,比如100%,就是自适应分辨率的宽。

 

  该方法的利弊:好处是直接插入代码;不足的是,如果经常性地或者给网页中更多的flash插入链接,那么这种重复插入相同代码的方式就不简便、科学,也增加了网页文件的大小。

 

  效果实例:把上面做好链接的代码保存为网页文件flashlink.htm,打开这个文件就可以看到效果了,比如:http://bbs.9430.cn/gg/flashlink.htm



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部