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

ExtJS4 Grid改变单元格背景颜色及Column render学习

Feb 06 Javascript

Js 导出table内容到Excel的简单实例

Nov 19 Javascript

js如何判断用户是在PC端和还是移动端访问

Apr 24 Javascript

javascript常见操作汇总

Sep 03 Javascript

JS模拟实现Select效果代码

Sep 24 Javascript

node+experss实现爬取电影天堂爬虫

Nov 20 Javascript

利用vscode编写vue的简单配置详解

Jun 17 Javascript

JS仿淘宝搜索框用户输入事件的实现

Jun 19 Javascript

微信小程序App生命周期详解

Jan 31 Javascript

JavaScript跳出循环的三种方法(break, return, continue)

Jul 30 Javascript

layui点击按钮页面会自动刷新的解决方案

Oct 25 Javascript

解决$store.getters调用不执行的问题

Nov 08 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

Yii2中关联查询简单用法示例

2016/08/10 PHP

php版微信公众账号第三方管理工具开发简明教程

2016/09/23 PHP

PHP实现可精确验证身份证号码的工具类示例

2018/05/31 PHP

javascript 写类方式之七

2009/07/05 Javascript

jQuery ctrl+Enter shift+Enter实现代码

2010/02/07 Javascript

Extjs在exlipse中设置自动提示的方法

2010/04/07 Javascript

在Node.js中实现文件复制的方法和实例

2014/06/05 Javascript

jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板

2015/04/30 Javascript

jQuery使用$.each遍历json数组的简单实现方法

2016/04/18 Javascript

详解使用vue脚手架工具搭建vue-webpack项目

2017/05/10 Javascript

浅谈Node Inspector 代理实现

2017/10/19 Javascript

微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)

2019/01/24 Javascript

Vue-drag-resize 拖拽缩放插件的使用(简单示例)

2019/12/04 Javascript

JavaScript cookie原理及使用实例

2020/05/08 Javascript

[02:51]DOTA2英雄基础教程风暴之灵

2013/12/23 DOTA

Python pickle类库介绍（对象序列化和反序列化）

2014/11/21 Python

Python中urllib2模块的8个使用细节分享

2015/01/01 Python

Python自动连接ssh的方法

2015/03/07 Python

解决python 自动安装缺少模块的问题

2018/10/22 Python

Python 实现文件打包、上传与校验的方法

2019/02/13 Python

对python周期性定时器的示例详解

2019/02/19 Python

Python进阶之使用selenium爬取淘宝商品信息功能示例

2019/09/16 Python

sklearn和keras的数据切分与交叉验证的实例详解

2020/06/19 Python

python安装mysql的依赖包mysql-python操作

2021/01/01 Python

CSS3的resize属性使用初探

2015/09/27 HTML / CSS

CSS3实现可爱的小黄人动画

2016/07/11 HTML / CSS

Silk’n激光脱毛器官网：silkn.com

2016/10/06 全球购物

法国低价在线宠物商店：bitiba.fr

2020/07/03 全球购物

Java里面StringBuilder和StringBuffer有什么区别

2016/06/06 面试题

公司董事长职责

2013/12/12 职场文书

学校做一个有道德的人活动方案

2014/08/23 职场文书

高一军训的心得体会

2014/09/01 职场文书

新闻稿件写作技巧

2015/07/18 职场文书

2017寒假社会实践心得体会范文

2016/01/14 职场文书

MySQL中order by的使用详情

2021/11/17 MySQL

教你nginx跳转配置的四种方式

2022/07/07 Servers