编程 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 相关文章推荐

javascript真的不难-回顾一下基础知识

Jan 15 Javascript

js function定义函数的几种不错方法

Feb 27 Javascript

javascript移动设备Web开发中对touch事件的封装实例

Jun 05 Javascript

seajs学习教程之基础篇

Oct 20 Javascript

浅谈AngularJs指令之scope属性详解

Oct 24 Javascript

node.js文件上传处理示例

Oct 27 Javascript

基于Bootstrap的Java开发问题汇总（Spring MVC）

Jan 15 Javascript

angular.extend方法的具体使用

Sep 14 Javascript

Javascript实现异步编程的过程

Jun 18 Javascript

老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)

Sep 19 Javascript

又拍云 Node.js 实现文件上传、删除功能

Oct 28 Javascript

js Array.slice的8种不同用法示例

Jul 10 Javascript

纯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

完美实现wordpress禁止文章修订和自动保存的方法

2014/11/03 PHP

wordpress自定义标签云与随机获取标签的方法详解

2019/03/22 PHP

JQuery 1.4 中的Ajax问题

2010/01/23 Javascript

jquery中map函数与each函数的区别实例介绍

2014/06/23 Javascript

BootStrap下拉菜单和滚动监听插件实现代码

2016/09/26 Javascript

JS实现的表头列头固定页面功能示例

2017/01/10 Javascript

less简单入门(CSS 预处理语言)

2017/03/08 Javascript

Vue.js实例方法之生命周期详解

2017/07/03 Javascript

vue移动端微信授权登录插件封装的实例

2018/08/28 Javascript

解决在vue项目中webpack打包后字体不生效的问题

2018/09/01 Javascript

Python的Flask框架与数据库连接的教程

2015/04/20 Python

举例讲解Python面向对象编程中类的继承

2016/06/17 Python

Python使用matplotlib实现绘制自定义图形功能示例

2018/01/18 Python

解决Python中pandas读取*.csv文件出现编码问题

2019/07/12 Python

Python如何应用cx_Oracle获取oracle中的clob字段问题

2019/08/27 Python

Python连接字符串过程详解

2020/01/06 Python

Python 安装 virturalenv 虚拟环境的教程详解

2020/02/21 Python

Python使用进程Process模块管理资源

2020/03/05 Python

Selenium元素定位的30种方式(史上最全)

2020/05/11 Python

Python Selenium模块安装使用教程详解

2020/07/09 Python

哪种Python框架适合你？简单介绍几种主流Python框架

2020/08/04 Python

使用Python快速打开一个百万行级别的超大Excel文件的方法

2021/03/02 Python

HTML5+CSS3应用详解

2014/02/24 HTML / CSS

canvas 绘图时位置偏离的问题解决

2020/09/16 HTML / CSS

Homestay中文官网：全球寄宿家庭

2018/10/18 全球购物

ABOUT YOU匈牙利：500个最受欢迎的时尚品牌

2019/07/19 全球购物

教师专业理论水平的自我评价分享

2013/11/09 职场文书

大学生怎样进行自我评价

2013/12/07 职场文书

初中生操行评语大全

2014/04/24 职场文书

2014国庆节演讲稿：祖国在我心中（400字）

2014/09/25 职场文书

县委班子四风对照检查材料思想汇报

2014/09/29 职场文书

党的群众路线剖析材料

2014/10/09 职场文书

考试作弊检讨书

2014/10/21 职场文书

免职证明样本

2014/10/23 职场文书

Java实现多文件上传功能

2021/06/30 Java/Android

Redis配置外网可访问(redis远程连接不上)的方法

2022/12/24 Redis