您的位置:首页 > 其它

网页Flash实现图片轮播特效

2013-03-19 17:56 441 查看
在需要调用flash的地方添加以下代码:

<script type="text/javascript">

var focus_width=330 //定义轮播的宽度

var focus_height=450 //定义轮播的高度

var text_height=0 //定义轮播的文字说明高度,这个地方我将文字隐藏了

var swf_height = focus_height+text_height

var pics='image/1.jpg|image/2.jpg|image/3.jpg|image/4.jpg'//所调用图片的路径

var links='' //如果需要添加链接,参照图片路径格式添加链接

var texts='' //轮播图片的文字描述,会显示在图片的下方,这里表示文字描述为空

document.write('<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="'+ focus_width +'" height="'+ swf_height +'">');

document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf"> <param name="quality" value="high"><param name="bgcolor" value="#fffff">');

document.write('<param name="menu" value="false"><param name=wmode value="transparent">');

document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');

document.write('<embed src="Flash/focus.swf" wmode="opaque" FlashVars="texts='+texts+'&pics='+pics+'&links='+links+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" quality="high" width="'+
focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');

</script>

要下载flash插件 focus.swf文件并拷贝到项目中去
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: