以前一直用的幻灯片代码,不支持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里面下载