关于 focus.swf 调用

本文介绍了一种使用Flash实现网站焦点图片轮播的方法,并提供了具体的JavaScript代码示例。该方法可通过设置图片路径、链接和文字说明等参数实现图片的交互式切换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    最近发现诸如qq.com sina.com.cn sohu.com 都出现如下图所示的焦点图片新闻,查看其网页的源代码,发现它们都是通过一个 Flash 文件来调用图片,使图片交互切换。

分析整理出如下代码:

ContractedBlock.gif ExpandedBlockStart.gif 源代码
 1None.gif<script type="text/javascript">
 2None.gif    <!--
 3None.gif    
 4None.gif    var focus_width = 375;    // 图片宽度
 5None.gif    var focus_height= 500;    // 图片高度
 6None.gif    var text_height = 20;    // 显示的文字高度
 7None.gif    var swf_height = focus_height + text_height;
 8None.gif    
 9None.gif    var pics ="3643603.jpg|3644310.jpg|3647102.jpg|3649097.jpg|3646832.jpg|3649095.jpg|3649096.jpg";
10None.gif    var links="3643603.jpg|3644310.jpg|3647102.jpg|3649097.jpg|3646832.jpg|3649095.jpg|3649096.jpg";
11None.gif    var texts="3643603.jpg|3644310.jpg|3647102.jpg|3649097.jpg|3646832.jpg|3649095.jpg|3649096.jpg";
12None.gif    
13None.gif    document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ');
14None.gif    document.write('codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" ');
15None.gif    document.write('width="'+ focus_width +'" ');
16None.gif    document.write('height="'+ swf_height +'">');
17None.gif    document.write('<param name="allowScriptAccess" value="sameDomain">');
18None.gif    document.write('<param name="movie" value="focus.swf">');
19None.gif    document.write('<param name="quality" value="high">');
20None.gif    document.write('<param name="bgcolor" value="#ffffff">');
21None.gif    document.write('<param name="menu" value="false">');
22None.gif    document.write('<param name=wmode value="opaque">');
23None.gif    document.write('<param name="FlashVars" ');
24None.gif    document.write('value="pics='+pics);
25None.gif    document.write(        '&links='+links);
26None.gif    document.write(        '&texts='+texts);
27None.gif    document.write(        '&borderwidth='+focus_width);
28None.gif    document.write(        '&borderheight='+focus_height);
29None.gif    document.write(        '&textheight='+text_height+'">');
30None.gif    document.write('<embed src="focus.swf" ');
31None.gif    document.write('wmode="opaque" ');
32None.gif    document.write('FlashVars="pics='+pics);
33None.gif    document.write(        '&links='+links);
34None.gif    document.write(        '&texts='+texts);
35None.gif    document.write(        '&borderwidth='+focus_width);
36None.gif    document.write(        '&borderheight='+focus_height);
37None.gif    document.write(        '&textheight='+text_height+'" ');
38None.gif    document.write('menu="false" ');
39None.gif    document.write('bgcolor="#ffffff" ');
40None.gif    document.write('quality="high" ');
41None.gif    document.write('width="'+ focus_width +'" ');
42None.gif    document.write('height="'+ focus_height +'" ');
43None.gif    document.write('allowScriptAccess="sameDomain" ');
44None.gif    document.write('type="application/x-shockwave-flash" ');
45None.gif    document.write('pluginspage="http://www.macromedia.com/go/getflashplayer" />');
46None.gif    document.write('</object>');
47None.gif    
48None.gif    //-->
49None.gif</script>
50None.gif

其中变量:
pics: 指明交替的图片路径,以“|”进行分隔;
links: 指明点击每幅图片打开的链接,以“|”进行分隔,与 pics 的图片一一对应;
texts: 指明每幅图片的文字说明,以“|”进行分隔,与 pics 的图片一一对应;
focus_width: 指明 Flash 中图片的宽度;
focus_height: 指明 Flash 中图片的高度;
text_height: 指明 Flash 中说明文字所占的高度;
swf_height: 为  Flash 的高度。

经测试,图片只支持JPG格式的文件。

示例代码及focus.swf下载: 点击下载

转载于:https://www.cnblogs.com/zhuyiwen/archive/2006/06/07/420119.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值