特效介绍
flash+xml 3d立体图片轮播
使用方法
1、把以下代码拷贝到你想引用的地方<script type="text/javascript" src="js/swfobject.js"></script> <SCRIPT type=text/javascript> var flashvars = {}; flashvars.xml = "config.xml"; var params = {}; params.allowscriptaccess = "always"; params.allownetworking = "all"; params.wmode = "transparent"; var attributes = {}; attributes.id = "slider"; swfobject.embedSWF("cu3er.swf", "cu3er_swf", "667", "236", "9", flashvars, params, attributes); </SCRIPT> <div id="cu3er_swf"> <a href="###"> <img src="http://www.5imoban.net/uploads/allimg/140102/1430332446-0.gif" alt="Get Adobe Flash player" /> </a> </div>
2、要注意cu3er.swf和config.xml的位置,建议最好和html文件放在同一目录下。
3、xml参数说明:
倒计时位置(x和y坐标)
<tweenIn x="630" y="45" width="30" height="30" tint="0xFFFFFF" alpha="0.7"/>
左右翻页按钮的位置(x和y坐标)
<prev_button><!--左右翻页按钮的位置--> <tweenIn x="515" y="200" width="30" height="30" alpha="0"/> <tweenOver alpha="0"/> </prev_button> <next_button> <tweenIn x="545" y="200" width="30" height="30" alpha="0"/> <tweenOver alpha="0"/> </next_button> <prev_symbol> <defaults type="3"/> <tweenIn x="515" y="200" alpha="0.5"/> <tweenOver time="0.15" x="510" scaleX="1.1" scaleY="1.1"/> </prev_symbol> <next_symbol> <defaults type="3"/> <tweenIn x="545" y="200" alpha="0.5"/> <tweenOver time="0.15" x="550" scaleX="1.1" scaleY="1.1"/> </next_symbol>
图片地址(如果想加减图片数量,必须把下面代码都拷贝。link为链接地址)
<slide> <url>img/banner1.jpg</url> <link target="_blank">###</link> </slide>
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!