- ·上一篇文章:javascript中的replace函数的使用方法
- ·下一篇文章:拼图游戏--javascript游戏
支持FF(火狐),IE的幻灯片代码
以前一直用的幻灯片代码,不支持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的幻灯片代码