特效介绍
flash+xml 3d立体图片轮播
使用方法
1、把以下代码拷贝到你想引用的地方01 | <script type="text/javascript" src="js/swfobject.js"></script> |
02 | <SCRIPT type=text/javascript> |
03 | var flashvars = {}; |
04 | flashvars.xml = "config.xml"; |
05 | var params = {}; |
06 | params.allowscriptaccess = "always"; |
07 | params.allownetworking = "all"; |
08 | params.wmode = "transparent"; |
09 | var attributes = {}; |
10 | attributes.id = "slider"; |
11 | swfobject.embedSWF("cu3er.swf", "cu3er_swf", "667", "236", "9", flashvars, params, attributes); |
12 | </SCRIPT> |
13 | <div id="cu3er_swf"> |
14 | <a href="###"> |
15 | <img src="http://www.5imoban.net/uploads/allimg/140102/1430332446-0.gif" alt="Get Adobe Flash player" /> |
16 | </a> |
17 | </div> |
2、要注意cu3er.swf和config.xml的位置，建议最好和html文件放在同一目录下。
3、xml参数说明：
倒计时位置（x和y坐标）
1 | <tweenIn x="630" y="45" width="30" height="30" tint="0xFFFFFF" alpha="0.7"/> |
左右翻页按钮的位置（x和y坐标）
01 | <prev_button><!--左右翻页按钮的位置--> |
02 | <tweenIn x="515" y="200" width="30" height="30" alpha="0"/> |
03 | <tweenOver alpha="0"/> |
04 | </prev_button> |
05 | |
06 | <next_button> |
07 | <tweenIn x="545" y="200" width="30" height="30" alpha="0"/> |
08 | <tweenOver alpha="0"/> |
09 | </next_button> |
10 | |
11 | <prev_symbol> |
12 | <defaults type="3"/> |
13 | <tweenIn x="515" y="200" alpha="0.5"/> |
14 | <tweenOver time="0.15" x="510" scaleX="1.1" scaleY="1.1"/> |
15 | </prev_symbol> |
16 | |
17 | <next_symbol> |
18 | <defaults type="3"/> |
19 | <tweenIn x="545" y="200" alpha="0.5"/> |
20 | <tweenOver time="0.15" x="550" scaleX="1.1" scaleY="1.1"/> |
21 | </next_symbol> |
图片地址（如果想加减图片数量，必须把下面代码都拷贝。link为链接地址）
1 | <slide> |
2 | <url>img/banner1.jpg</url> |
3 | <link target="_blank">###</link> |
4 | </slide> |