所属分类:网页特效-图片特效,滑块/旋转/滚动,触屏/拖拽/下拉
使用方法:
载入必要JS文件、CSS样式文件
<script src="images/saved_resource.js"></script>
<link type="text/css" rel="stylesheet" href="images/ox-360.css" />
<script src="images/ox-360.js"></script>
请查看演示或附件,注意引用的位置顺序
HTML部分
<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>