特效介绍
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>