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

基于JQuery的动态删除Table表格的行和列的代码

May 12 Javascript

js(jQuery)获取时间的方法及常用时间类搜集

Oct 23 Javascript

JS正则表达式获取分组内容的方法详解

Nov 15 Javascript

显示今天的日期js代码(阳历和农历)

Sep 30 Javascript

轻松学习Javascript闭包函数

Dec 15 Javascript

浅谈Sublime Text 3运行JavaScript控制台

Jun 06 Javascript

AngularJS表单提交实例详解

Feb 18 Javascript

深入理解Commonjs规范及Node模块实现

May 17 Javascript

w3c编程挑战_初级脚本算法实战篇

Jun 23 Javascript

jQuery实现QQ空间汉字转拼音功能示例

Jul 10 jQuery

Vue-cli3项目引入Typescript的实现方法

Oct 18 Javascript

JavaScript实现网页跨年倒计时

Dec 02 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 水平的题目

2007/05/30 PHP

PHP HTTP 认证实例详解

2016/11/03 PHP

PHP 实现从数据库导出到.csv文件方法

2017/07/06 PHP

LBS blog sql注射漏洞[All version]-官方已有补丁

2007/08/26 Javascript

Prototype 工具函数学习

2009/07/23 Javascript

基于jquery的tab切换 js原理

2010/04/01 Javascript

Jquery 扩展方法

2010/05/06 Javascript

js中的scroll和offset 使用比较的实例与分析

2013/09/29 Javascript

jQuery实现可展开合拢的手风琴面板菜单

2015/09/15 Javascript

Bootstrap选项卡学习笔记分享

2017/02/13 Javascript

浅谈$_FILES数组为空的原因

2017/02/16 Javascript

angular+bootstrap的双向数据绑定实例

2017/03/03 Javascript

jQuery高级编程之js对象、json与ajax用法实例分析

2019/11/01 jQuery

[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK

2014/05/26 DOTA

python实现寻找最长回文子序列的方法

2018/06/02 Python

Python Learning 列表的更多操作及示例代码

2018/08/22 Python

对Python定时任务的启动和停止方法详解

2019/02/19 Python

python实现点击按钮修改数据的方法

2019/07/17 Python

用Python调用win命令行提高工作效率的实例

2019/08/14 Python

tesserocr与pytesseract模块的使用方法解析

2019/08/30 Python

TensorFlow tf.nn.max_pool实现池化操作方式

2020/01/04 Python

Django调用支付宝接口代码实例详解

2020/04/04 Python

给keras层命名,并提取中间层输出值,保存到文档的实例

2020/05/23 Python

浅谈keras中的Merge层(实现层的相加、相减、相乘实例)

2020/05/23 Python

python语言实现贪吃蛇游戏

2020/11/13 Python

利用CSS3动画实现圆圈由小变大向外扩散的效果实例

2018/09/10 HTML / CSS

Expedia法国：全球最大在线旅游公司

2018/09/30 全球购物

销售岗位职责范本

2014/06/12 职场文书

离婚协议书范本（2014版）

2014/09/28 职场文书

2014年班级工作总结

2014/11/14 职场文书

幼儿园推普周活动总结

2015/05/07 职场文书

青年联谊会致辞

2015/07/31 职场文书

筑梦中国心得体会

2016/01/18 职场文书

python基于机器学习预测股票交易信号

2021/05/25 Python

Java org.w3c.dom.Document 类方法引用报错

2021/08/07 Java/Android

一篇文章弄清楚Ajax请求的五个步骤

2022/03/17 Javascript