非常炫酷的cu3er 3D图片轮播效果
- 作者：网页模板
- 大小：0.164MB
- 点击次数：
- 发布时间：2014-02-21 12:26
特效介绍
cu3er 3D图片轮播效果，完美兼容IE6，切换图片效果非常炫酷，可无限增加图片数量。
使用方法
1、在头部引入下面的代码：<script type="text/javascript" src="js/swfobject/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.xml = "config.xml";
flashvars.font = "font.swf";
var attributes = {};
attributes.wmode = "transparent";
attributes.id = "slider";
swfobject.embedSWF("cu3er.swf", "cu3er-container", "600", "300", "9", "expressInstall.swf", flashvars, attributes);
</script>
<style type="text/css">
<!--
#cu3er-container {width:600px; outline:0;}
-->
</style>
很重要：cu3er.swf和config.xml建议最好html文件放在同一目录下。如果不再同意目录而更改上面的参数的话，即使正确，也可能导致播放失败。2、在body适当位置添加下面的代码
<div id="cu3er-container">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</div>
3、xml参数说明左右翻页按钮的位置（x和y坐标）
<prev_button> <defaults round_corners="5,5,5,5"/> <tweenOver tint="0xFFFFFF" scaleX="1.1" scaleY="1.1"/> <tweenOut tint="0x000000" /> </prev_button> <prev_symbol> <tweenOver tint="0x000000" /> </prev_symbol> <next_button> <defaults round_corners="5,5,5,5"/> <tweenOver tint="0xFFFFFF" scaleX="1.1" scaleY="1.1"/> <tweenOut tint="0x000000" /> </next_button> <next_symbol> <tweenOver tint="0x000000" /> </next_symbol>图片地址（如果想加减图片数量，必须把下面代码都拷贝。link为链接地址）
<slide>
<url>img/banner1.jpg</url>
</slide>
- 本文标签：
- 非常,炫酷,的,cu3er,图片,轮播,效果,cu3er,图片,
