当前位置:asp编程网>技术教程>Javascript教程>  正文

支持FF(火狐),IE的幻灯片代码

2010-01-05 18:56:07   来源:网络    作者:佚名   浏览量:2412   收藏

以前一直用的幻灯片代码,不支持FF(火狐)浏览器,只支持IE,找不出来原因,没有解决。幸好客户没有说,所以就过去了。今天看到一个支持FF和IE的幻灯片代码,现在拿到网上来,和大家一个分享。
详细代码:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
/*
 功能:网站幻灯片代码,支持火狐,iE
 网址:www.aspprogram.cn
 整理:wangsdong
 原创文件,请保留此信息
*/
// 幻灯片式的网页图片滚动函数(不需要做任何改动)
function roll_pic_flash(roll_pic_ary){
// 生成幻灯片式的网页图片滚动代码
var w               = roll_pic_ary[3][0];
var h               = roll_pic_ary[3][1];
var text_h          = roll_pic_ary[3][2];
var bgcolor         = roll_pic_ary[3][3];
var roll_swf        = roll_pic_ary[3][4];
var swf_height      = h + text_h;
var pics            = roll_pic_ary[0].join("|");
var links           = roll_pic_ary[1].join("|");
var texts           = roll_pic_ary[2].join("|");
return '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ w +'" height="'+ swf_height +'"><param name="default_url" value="http://www.aspprogram.cn/"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="' + roll_swf + '"><param name="quality" value="high"><param name="bgcolor" value="'+bgcolor+'"><param name="menu" value="false"><param name="improved_by" value="http://www.hbcms.com/"><param name=wmode value="opaque"><param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+w+'&borderheight='+h+'&textheight='+text_h+'"><embed src="' + roll_swf + '" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+w+'&borderheight='+h+'&textheight='+text_h+'" menu="false" bgcolor="'+bgcolor+'" quality="high" width="'+ w +'" height="'+ h +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>';
}
// 开始设置幻灯片参数
var roll_pic_width   = 386;        // 图片宽度
var roll_pic_height  = 247;        // 图片高度
var roll_text_height = 30;        // 文字高度
var roll_bgcolor = '#ffffff';        // 幻灯片背景色
var roll_flash = 'focus.swf'; // 幻灯片flash地址,请将此flash下载保存到你的服务器,以免失效

// 幻灯片数组roll_pic_ary初始化(不用做任何改动)
var roll_pic_ary = new Array(Array(0),Array(0),Array(0),
Array(roll_pic_width,roll_pic_height,roll_text_height,roll_bgcolor,roll_flash));

// 增加一个图片,连接,文字说明
roll_pic_ary[0].push("flash/tu1.jpg");
roll_pic_ary[1].push("http://www.baidu.com");
roll_pic_ary[2].push("百度");
// 增加一个图片,连接,文字说明
roll_pic_ary[0].push("flash/tu2.jpg");
roll_pic_ary[1].push("http://www.google.com");
roll_pic_ary[2].push("google");
// 增加一个图片,连接,文字说明
roll_pic_ary[0].push("flash/tu3.jpg");
roll_pic_ary[1].push("http://www.sina.com.cn");
roll_pic_ary[2].push("新浪");
roll_pic_ary[0].push("flash/tu4.jpg");
roll_pic_ary[1].push("http://www.163.com");
roll_pic_ary[2].push("网易");
roll_pic_ary[0].push("flash/tu5.jpg");
roll_pic_ary[1].push("http://www.aspprogram.cn");
roll_pic_ary[2].push("Tom");
roll_pic_ary[0].push("flash/tu6.jpg");
roll_pic_ary[1].push("http://www.chinaz.com");
roll_pic_ary[2].push("中国站长");
// 如果还需要增加图片,请copy上面的代码即可
// 如果还需要增加图片,请copy上面的代码即可
// 如果还需要增加图片,请copy上面的代码即可
// 显示幻灯片式的网页图片滚动
document.write(roll_pic_flash(roll_pic_ary));
// 如果要嵌入其他系统内(如cms),稍做修改即可使用
</script> 

详细代码请去:http://www.aspprogram.cn/html/soft/201015184837.html里面下载



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网