编程 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求平均值的小例子

Nov 29 Javascript

JavaScript去除数组里重复值的方法

Jul 13 Javascript

Jquery判断form表单数据是否变化

Mar 30 Javascript

BootStrapValidator初使用教程详解

Feb 10 Javascript

百度地图JavascriptApi Marker平滑移动及车头指向行径方向

Mar 13 Javascript

详解webpack 配合babel 将es6转成es5 超简单实例

May 02 Javascript

vue+node+webpack环境搭建教程

Nov 05 Javascript

详解weex默认webpack.config.js改造

Jan 08 Javascript

Vue实现表格中对数据进行转换、处理的方法

Sep 06 Javascript

浅入深出Vue之组件使用

Jul 11 Javascript

layer.open弹层查看缩略图的原图,自适应大小的实例

Sep 05 Javascript

vue页面跳转实现页面缓存操作

Jul 22 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

附件名前加网站名

2008/03/23 PHP

PHP中使用gettext解决国际化问题的例子（i18n）

2014/06/13 PHP

PHP验证码生成原理和实现

2016/01/24 PHP

PHP实现基于回溯法求解迷宫问题的方法详解

2017/08/17 PHP

由prototype_1.3.1进入javascript殿堂－类的初探

2006/11/06 Javascript

csdn 博客的css样式 v3

2009/02/24 Javascript

JAVASCRIPT函数作用域和提前声明分享

2013/08/22 Javascript

Javascript学习笔记之函数篇（五） : 构造函数

2014/11/23 Javascript

基于jQuery日历插件制作日历

2016/03/11 Javascript

window.open不被拦截的简单实现代码(推荐)

2016/08/04 Javascript

Web打印解决方案之普通报表打印功能

2016/08/29 Javascript

AngularJS API之copy深拷贝详解及实例

2016/09/14 Javascript

浅谈js中几种实用的跨域方法原理详解

2016/12/02 Javascript

Jquery uploadify 多余的Get请求(404错误)的解决方法

2017/01/26 Javascript

微信小程序实现日历效果

2018/12/28 Javascript

微信小程序调用wx.getImageInfo遇到的坑解决

2020/05/31 Javascript

[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10

2020/12/13 DOTA

python抓取网页中图片并保存到本地

2015/12/01 Python

python使用xslt提取网页数据的方法

2018/02/23 Python

Django 路由控制的实现代码

2018/11/08 Python

解决Python一行输出不显示的问题

2018/12/03 Python

简单了解python变量的作用域

2019/07/30 Python

PyCharm中如何直接使用Anaconda已安装的库

2020/05/28 Python

纯CSS实现菜单、导航栏的3D翻转动画效果

2014/04/23 HTML / CSS

CSS3绘制六边形的简单实现

2016/08/25 HTML / CSS

租租车：国际租车、美国租车、欧洲租车、特价预订国外租车（中文服务）

2018/03/28 全球购物

介绍一下游标

2012/01/10 面试题

启动一个线程是用run()还是start()

2016/12/25 面试题

自荐信不宜过于夸大

2013/11/06 职场文书

八一演出活动方案

2014/02/03 职场文书

简历的自我评价

2014/02/03 职场文书

教师工作失职检讨书

2014/09/18 职场文书

安徽导游词

2015/02/12 职场文书

幼儿园教师求职信

2015/03/20 职场文书

房地产公司工程部经理岗位职责

2015/04/09 职场文书

一文读懂go中semaphore(信号量)源码

2021/04/03 Golang