添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 图文相册 >

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开始-->......<!--效果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>

相关特效
  • jQuery过滤器插件fastLiveFilter

    jQuery过滤器插件fastLiveFilter

    一款jQuery过滤器插件fastLiveFilter免费代码素材,fastLiveFilter这是jQuery过滤器插件,超轻量级(大小只有2K),用法简单执行效率高。……
    2016-05-22
  • jQuery图片图像对比插件coveringBad.js特效Demo

    jQuery图片图像对比插件coveringBad.js特效Demo

    一款jQuery图片图像对比查看差异coveringBad.js网页特效插件,通过鼠标拖拽按钮查看当前图像与背景图像差异jQuery插件,婚纱摄影网站建设图片对比插件。……
    2016-05-22
  • 纯CSS3实现西洋镜动画且360度旋转特效

    纯CSS3实现西洋镜动画且360度旋转特效

    一款纯CSS3实现西洋镜动画且360度旋转特效下载,该CSS3特效是一款使用CSS3的帧动画和3D transforms来制作的,在animation动画的animation-timing-function参数使用steps来处理,制作的图片连续动画效果。……
    2016-05-22
  • HTML5-canvas商品360度旋转展示网页效果

    HTML5-canvas商品360度旋转展示网页效果

    一款HTML5-canvas商品360度旋转展示网页效果下载,该HTML5商品图片360度旋转浏览效果、全视角查看效果。……
    2015-12-15
  • jQuery仿QQ音乐大转盘抽奖代码

    jQuery仿QQ音乐大转盘抽奖代码

    一款jQuery仿QQ音乐大转盘抽奖代码页特效,绿色12等份网格幸运大转盘抽奖程序JS代码下载。……
    2015-08-22
  • 自定义百度分享URL以及图标样式JS代码

    自定义百度分享URL以及图标样式JS代码

    一款自定义百度分享URL以及图标样式JS代码网页特效,可以应用于响应式网页制作、微信网页制作分享代码。……
    2015-08-21
  • 如何自定义百度分享URL以及图标?

    如何自定义百度分享URL以及图标?

    一款自定义百度分享URL以及图标样式JS代码网页特效,可以应用于响应式网页制作、微信网页制作分享代码。……
    2015-08-21
  • jQuery点击空白处隐藏弹出层

    jQuery点击空白处隐藏弹出层

    一款jQuery点击空白处隐藏弹出层网页特效,点击按钮弹出层、点击页面空白处弹出层消失JS代码。……
    2015-08-20
  • jQuery鼠标点击图片透明渐变翻开切换焦点图

    jQuery鼠标点击图片透明渐变翻开切换焦点图

    一款jQuery鼠标点击图片透明渐变翻开切换焦点图网页特效,鼠标点击图片向上移动渐变消失切换图片,带自动轮播、页码标识JS焦点图代码。……
    2015-08-03
  • JS鼠标滚动滚轮横向水平滚动网页特效

    JS鼠标滚动滚轮横向水平滚动网页特效

    一款JS鼠标滚动滚轮横向水平滚动网页特效,一般情况滚动滚轮上下查看网页内容,该特效代码为鼠标滚动滚轮左右横向滚动条滚动预览内容js代码。……
    2015-07-28

最新更新特效

设计分享