• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 图像特效 >  js仿淘宝网支持鼠标拖正文

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

作者:网页模板
大小:1.49MB
点击次数:
发布时间:2014-03-21 13:01
分享到:

特效介绍

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>

  • 本文标签:
  • js全景展示插件,js全景展示代码
六种鼠标经过图像滑出图片描述或者标题的jQuery特效
使用iepngfix.htc解决IE6下PNG的透明问题