插件描述:jquery.pano.js是一款可以实现360度全景展示特效的jquery插件。该360度全景展示特效支持使用鼠标拖拽移动图片,也可以通过左右导航按钮来移动图片。
使用方法
一。在页面中引入jquery和jquery.pano.js文件。
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.pano.js"></script>
二。360度全景展示特效的HTML结构如下:
<div id="myPano" class="pano">
<div class="controls">
<a href="#" class="left">«</a>
<a href="#" class="right">»</a>
</div>
</div>
三。在页面DOM元素加载完毕,可以通过pano()方法来初始化该360度全景展示特效插件。
$("#myPano").pano({ img: "./sphere.jpg"});
四。配置参数
五。方法
$(document).ready(function() {
jquery 360度全景展示特效插件pano.js.rar
93.56 KB, 下载次数: 123
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) | 黑马程序员IT技术论坛 X3.2 |