jQuery360度全景体验图

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

HTML

<div id="J_View360" onselectstart="return false;" style="background-image:url(images/banner01.jpg);background-position:62px 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>

<script src="images/kissy.js"></script>
<link type="text/css" rel="stylesheet" href="images/ox-360.css"/>
<script src="images/ox-360.js"></script>