首页 > 编程 > JavaScript > 正文

jQuery实现的产品自动360度旋转展示特效源码分享

2019-11-20 11:46:25
字体:
来源:转载
供稿:网友

这是一款基于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度旋转展示特效代码,希望大家可以喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表