jQuery图片360旋转滚动展示特效

时间：2014-05-23 来源：互联网

特效说明：

一款jQuery图片360旋转滚动展示网页特效，带左右按钮，自动轮播及点击按钮360度旋转图片滚动。可以设置大小、是否自动播放、以及图片缩放比例参数。网站建设、网页制作前端JS代码素材。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式：
<LINK rel=stylesheet type=text/css href="css/index_huitu.css">

2、调用JS插件代码：
<script type=text/javascript src="js/jquery.min.js"></script>
<script type=text/javascript src="js/index_huitu.js"></script>

3、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

4、JS参数设置代码：
<script type=text/javascript>
       var scrollPic = new scrollPic3D();
       scrollPic.boxId = 'scrollBox'; //容器id
       scrollPic.width = 600; //容器宽度
       scrollPic.height = 330; //容器高度
       scrollPic.imgWidth = 220; //图片宽度
       scrollPic.imgHeight = 320; //图片高度
       scrollPic.descHeight = 0; //描述宽度
       scrollPic.showsNumber = 5; //显示数量
       scrollPic.autoPlay = true; //是否自动播放
       scrollPic.autoPlayTime = 4;
       scrollPic.zoom = 0.5; //小图缩放比
       scrollPic.timeLimit = 500;
       scrollPic.init();
</script>

标签 360度旋转自动轮播产品展示左右箭头

预览下载收藏分享