编程 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获取地址栏参数

Dec 22 Javascript

WordPress 插件——CoolCode使用方法与下载

Jul 02 Javascript

我的javascript 函数链之演变

Apr 07 Javascript

Tab页界面用jQuery及Ajax技术实现(php后台)

Oct 12 Javascript

JS构建页面的DOM节点结构的实现代码

Dec 09 Javascript

使用jquery动态加载javascript以减少服务器压力

Oct 29 Javascript

jquery应该如何来设置改变按钮input的onclick事件

Dec 10 Javascript

javascript自动切换焦点控制效果完整实例

Feb 02 Javascript

javascript+css3 实现动态按钮菜单特效

Feb 06 Javascript

JavaScript实现form表单的多文件上传

Mar 27 Javascript

JavaScript实现树的遍历算法示例【广度优先与深度优先】

Oct 26 Javascript

基于jQuery实现Ajax验证用户名是否可用实例

Mar 25 jQuery

纯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

mysql数据库差异比较的PHP代码

2012/02/05 PHP

在php中设置session用memcache来存储的方法总结

2016/01/14 PHP

Ucren Virtual Desktop V2.0

2006/11/07 Javascript

锋利的jQuery 要点归纳（三） jQuery中的事件和动画（上：事件篇）

2010/03/24 Javascript

JS调用CS里的带参方法实例

2013/08/01 Javascript

JavaScript控制listbox列表框的项目上下移动的方法

2015/03/18 Javascript

iframe里使用JavaScript控制主页转向的方法

2015/04/03 Javascript

clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切

2015/10/10 Javascript

javascript下拉列表中显示树形菜单的实现方法

2015/11/17 Javascript

理解javascript对象继承

2016/04/17 Javascript

利用Angular.js限制textarea输入的字数

2016/10/20 Javascript

JavaScript模拟实现自由落体效果

2018/08/28 Javascript

配置eslint规范项目代码风格

2019/03/11 Javascript

js 对象使用的小技巧实例分析

2019/11/08 Javascript

Vue实现base64编码图片间的切换功能

2019/12/04 Javascript

ElementUI中el-tree节点的操作的实现

2020/02/27 Javascript

javascript中innerHTML 获取或替换html内容的实现代码

2020/03/17 Javascript

[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场

2014/05/23 DOTA

Python实现设置windows桌面壁纸代码分享

2015/03/28 Python

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

2015/07/22 Python

深入学习Python中的装饰器使用

2016/06/20 Python

Python实现单词翻译功能

2017/06/06 Python

Python守护线程用法实例

2017/06/23 Python

Python读取sqlite数据库文件的方法分析

2017/08/07 Python

python添加菜单图文讲解

2019/06/04 Python

Pycharm Git 设置方法

2020/09/15 Python

python字典通过值反查键的实现(简洁写法)

2020/09/30 Python

CSS3实现文本垂直排列的方法

2018/07/10 HTML / CSS

Agoda西班牙：全球特价酒店预订

2017/06/03 全球购物

科技开发中心办公室主任岗位责任制

2014/02/10 职场文书

培训楼经理岗位责任制

2014/02/10 职场文书

学校就业推荐信范文

2014/05/19 职场文书

处级领导干部四风问题自我剖析材料

2014/09/29 职场文书

买房协议书范本

2014/10/23 职场文书

基石观后感

2015/06/12 职场文书

了解Redis常见应用场景

2021/06/23 Redis