当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

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

减小字体 增大字体 作者:佚名     来源:asp编程网  发布时间:2018-12-30 8:58:17

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



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