您的位置:首页 > 其它

经典flash轮播解读

2012-11-03 18:37 183 查看
经典flash轮播效果预览:



很熟悉的轮播标签,你只需要在所需要的位置插入以下代码:

<SCRIPT type=text/javascript>

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

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

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

var swf_height = focus_height+text_height

var pics='../images/yspj_img/1.jpg?|../images/yspj_img/2.jpg?|../images/yspj_img/3.jpg?|../images/yspj_img/4.jpg?|../images/yspj_img/5.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="../images/yspj_img/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>
如上代码中标红的部分,是需要调用的一个.swf文件,路径需正确,.swf文件的下载地址:http://download.csdn.net/detail/cshuawei/4728758
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: