经典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
很熟悉的轮播标签,你只需要在所需要的位置插入以下代码:
<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
相关文章推荐
- 46 套代码flash+xml轮播首页广告代码,很经典的
- JS仿flash动态切换(横向,带分页器控制,自动正反向循环轮播)
- 基于Ubuntu16.04装googlechrome flash 插件经典办法
- 网卡驱动实例解读分析(经典!!!)
- 一套完整的flash头部banner幻灯片特效,形式如图片轮播
- C++经典书籍解读
- 编程艺术家经典试题解读:猜生日问题
- 第129课:Spark streaming源码经典解读系统之四:GobGenerator工作内幕源码解密
- C++经典书籍解读
- 网卡驱动实例解读分析(经典!!!)
- FPGA Verilog 硬件描述 + NIOS II 软核设计 EPCS FLASH 容量解读 (实现最大的利用价值)
- 经典好文 专家解读APR病毒
- 经典好文 专家解读APR病毒
- JS仿flash动态切换(横向,带分页器控制,自动正反向循环轮播)
- Flash Alter v1.0 个性化Flash轮播图文播放器
- [1.5] RDD经典Action类算子实战解读
- 请问高手,如何制作Flash效果的图片轮播
- 网站项目必备——12款经典的白富美型 jQuery 图片轮播插件
- C++经典书籍解读
- 网站项目必备——12款经典的白富美型 jQuery 图片轮播插件