编程 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的面向对象(一)

Nov 09 Javascript

javascript globalStorage类代码

Jun 04 Javascript

jquery 操作css样式、位置、尺寸方法汇总

Nov 28 Javascript

JavaScript中Date对象的常用方法示例

Oct 24 Javascript

jquery基本选择器匹配多个元素的实现方法

Sep 05 Javascript

ionic+AngularJs实现获取验证码倒计时按钮

Apr 22 Javascript

Js利用Canvas实现图片压缩功能

Sep 13 Javascript

vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】

Nov 08 Javascript

JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)

Feb 03 Javascript

javascript实现留言板功能

Feb 08 Javascript

JavaScript小技巧带你提升你的代码技能

Sep 15 Javascript

微信小程序 WeUI扩展组件库的入门教程

Apr 21 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

PHP 获取目录下的图片并随机显示的代码

2009/12/28 PHP

php中获取关键词及所属来源搜索引擎名称的代码

2011/02/15 PHP

php 不使用js实现页面跳转

2014/02/11 PHP

thinkphp中html:list标签传递多个参数实例

2014/10/30 PHP

PHP数组操作类实例

2015/07/11 PHP

Yii2.0表关联查询实例分析

2016/07/18 PHP

PHP实现对xml的增删改查操作案例分析

2017/05/19 PHP

网页设计常用的一些技巧

2006/12/22 Javascript

javascript indexOf函数使用说明

2008/07/03 Javascript

javascript mouseover、mouseout停止事件冒泡的解决方案

2009/04/07 Javascript

对setInterval在火狐和chrome切换标签产生奇怪的效果之探索，与解决方案！

2011/10/29 Javascript

上传图片js判断图片尺寸和格式兼容IE

2014/09/01 Javascript

jquery带下拉菜单和焦点图代码分享

2015/08/24 Javascript

js强制把网址设为默认首页

2015/09/29 Javascript

js处理层级数据结构的方法小结

2017/01/17 Javascript

js 只比较时间大小的实例

2017/10/26 Javascript

JavaScript使用indexOf()实现数组去重的方法分析

2018/09/04 Javascript

vuex actions传递多参数的处理方法

2018/09/18 Javascript

JavaScript查看代码运行效率console.time()与console.timeEnd()用法

2019/01/18 Javascript

JS数组索引检测中的数据类型问题详解

2021/01/11 Javascript

5种Python单例模式的实现方式

2016/01/14 Python

python 高效去重复支持GB级别大文件的示例代码

2018/11/08 Python

Pandas中DataFrame的分组/分割/合并的实现

2019/07/16 Python

PyCharm 配置远程python解释器和在本地修改服务器代码

2019/07/23 Python

使用 Python 清理收藏夹里已失效的网站

2019/12/03 Python

浅谈pytorch、cuda、python的版本对齐问题

2020/01/15 Python

Python PyQt5模块实现窗口GUI界面代码实例

2020/05/12 Python

美国皮靴公司自1863年：The Frye Company

2016/11/30 全球购物

英国最大的网上药品商店：Chemist Direct

2017/12/16 全球购物

保送生自荐信范文

2015/03/26 职场文书

2016党员干部廉洁自律心得体会

2016/01/13 职场文书

心得体会格式及范文

2016/01/25 职场文书

《珍珠鸟》教学反思

2016/02/16 职场文书

导游词之海南天涯海角

2019/12/05 职场文书

golang 实现对Map进行键值自定义排序

2021/04/28 Golang

使用MybatisPlus打印sql语句

2022/04/22 SQL Server