编程 Javascript

jQuery实现的产品自动360度旋转展示特效源码分享

Posted in Javascript onAugust 21, 2015

这是一款基于jQuery实现的产品自动360度旋转展示特效代码，可以对产品进行360度旋转展示，更好的让顾客了解产品的全部外观细节。

jQuery产品360度旋转展示代码，支持预加载，能够快速全面的的预览产品的图片，主要原理是利用多张图片按顺序播放实现，本段代码兼容目前最新的各类主流浏览器，是一款非常优秀的特效源码。

运行效果图：---------------------------------效果查看源码下载-----------------------------------

为大家分享的jQuery实现的产品自动360度旋转展示特效代码如下

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery产品360度旋转展示代码</title>
<link href="360show.css" rel="stylesheet" type="text/css">

<script src="jquery.min.js"></script>
<script type="text/javascript" src="360show.js" ></script>
</head>
<body>
<div id="box-wrapper">
 <div class="box-control box-control-left"><a title="顺时针转动" href="javascript:void(0)" class="prev" id="prev"></a></div>
 <div id="mask"><em class="loading">
  <p>loading</p>
  </em></div>
 <div id="box" path_pattern='img/###.png'></div>
 <div id="imgbox"></div>
 <div class="box-control box-control-right"><a title="逆时针转动" href="javascript:void(0)" class="next" id="next"></a></div>
</div>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>

</div>
</body>
</html>

以上就是为大家分享的jQuery实现的产品自动360度旋转展示特效代码，希望大家可以喜欢。

jQuery实现的产品自动360度旋转展示特效源码分享

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js split 的用法和定义 js split分割字符串成数组的实例代码

May 13 Javascript

jQuery中(function(){})()执行顺序的理解

Mar 05 Javascript

jquery中通过父级查找进行定位示例

Jun 28 Javascript

js 获取图像缩放后的实际宽高,位置等信息

Mar 07 Javascript

javascript内存分配原理实例分析

Apr 10 Javascript

vue.js整合mint-ui里的轮播图实例代码

Dec 27 Javascript

vue使用element-ui的el-input监听不了回车事件的解决方法

Jan 12 Javascript

Vue2.2.0+新特性整理及注意事项

Aug 22 Javascript

vue-cli中使用高德地图的方法示例

Mar 28 Javascript

微信小程序按钮点击动画效果的实现

Sep 04 Javascript

解决layer.confirm快速点击会重复触发事件的问题

Sep 23 Javascript

Vue3.0写自定义指令的简单步骤记录

Jun 27 Vue.js

纯javascript实现图片延时加载方法

Aug 21 #Javascript

jQuery实现大转盘抽奖活动仿QQ音乐代码分享

Aug 21 #Javascript

js变形金刚文字特效代码分享

Aug 20 #Javascript

js限制文本框的输入内容代码分享（3类）

Aug 20 #Javascript

JS实现的通用表单验证插件完整实例

Aug 20 #Javascript

jquery Easyui快速开发总结

Aug 20 #Javascript

纯jquery实现模仿淘宝购物车结算

Aug 20 #Javascript

You might like

深入Nginx + PHP 缓存详解

2013/07/11 PHP

Yii2基于Ajax自动获取表单数据的方法

2016/08/10 PHP

仅IE支持clearAttributes/mergeAttributes方法使用介绍

2012/05/04 Javascript

HTML页面滚动时获取离页面顶部的距离2种实现方法

2013/09/05 Javascript

AngularJS实现表单验证

2015/01/28 Javascript

判断数组的最佳方法(推荐)

2016/10/11 Javascript

js+html5实现侧滑页面效果

2017/07/15 Javascript

JS引用传递与值传递的区别与用法分析

2018/06/01 Javascript

javascript匿名函数中的'return function()'作用

2018/10/15 Javascript

详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序

2018/11/21 Javascript

小程序实现人脸识别功能(百度ai)

2018/12/23 Javascript

浅谈React Native 传参的几种方式(小结)

2019/05/21 Javascript

json 带斜杠时如何解析的实现

2019/08/12 Javascript

JQuery使用数组遍历跳出each循环

2020/09/01 jQuery

重命名批处理python脚本

2013/04/05 Python

python实现连接mongodb的方法

2015/05/08 Python

在Django中同时使用多个配置文件的方法

2015/07/22 Python

Anaconda2下实现Python2.7和Python3.5的共存方法

2018/06/11 Python

python3 爬取图片的实例代码

2018/11/06 Python

Python3爬虫教程之利用Python实现发送天气预报邮件

2018/12/16 Python

Django打印出在数据库中执行的语句问题

2019/07/25 Python

Python Selenium截图功能实现代码

2020/04/26 Python

python中os包的用法

2020/06/01 Python

python 爬虫基本使用——统计杭电oj题目正确率并排序

2020/10/26 Python

常用的四种CSS透明属性介绍

2014/04/12 HTML / CSS

使用 CSS3 中@media 实现网页自适应的示例代码

2020/03/24 HTML / CSS

详解FireFox下Canvas使用图像合成绘制SVG的Bug

2019/07/10 HTML / CSS

Janie and Jack美国官网：GAP旗下的高档童装品牌

2019/09/09 全球购物

请描述一下”is a”关系和”has a”关系

2015/02/03 面试题

纪念建党演讲稿范文

2014/01/13 职场文书

乡镇创先争优活动总结

2014/08/28 职场文书

2014年幼儿园后勤工作总结

2014/11/10 职场文书

2015年餐厅服务员工作总结

2015/04/23 职场文书

小学学习委员竞选稿

2015/11/20 职场文书

Win11快速关闭所有广告推荐

2022/04/19 数码科技

选购到合适的激光打印机

2022/04/21 数码科技