首页 > 特效插件 > 图像特效 >  js仿淘宝网支持鼠标拖拽的360°全景展示正文

js仿淘宝网支持鼠标拖拽的360°全景展示

特效介绍
js仿淘宝网支持鼠标拖拽的360°全景展示
js仿淘宝网支持鼠标拖拽的360°全景展示。可以鼠标向左右拖拽,查看360°的景色。还分为地下、一楼等共5层。
使用方法
1、在head区引入saved_resource.js和ox-360.css。
2、在body区引入下面的代码:
<div id="content">
<div class="lv-content">
<div id="J_View360" onselectstart="return false;" style="background-image: url(images/banner01.jpg); background-position: 61.07152001523516px 0px; "></div>
<div class="ox-control">
<div class="direction">
<div class="bg">
</div>
<a class="left" title="往左滚动" id="J_Left">1</a>
<a class="back" title="返回" id="J_Back">2</a>
<a class="right" title="往右滚动" id="J_Right">3</a>
</div>
<div class="views">
<div class="views-bg">
</div>
<div class="views-text"></div>
<div class="views-block" style="width: 30px; left: 82px; ">
</div>
<div class="views-trigger">
<a class="views-1">1</a>
<a class="views-2">2</a>
<a class="views-3">3</a>
<a class="views-4">4</a>
<a class="views-5">5</a>
</div>
</div>
</div>
</div>
<script src="images/ox-360.js"></script>
</div>