master

分支 (1)

管理

管理

master

AntiPoaching
/
tour.html

<!DOCTYPE html>
<html lang="en">
    <head>
    <meta name="viewport" content=" width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui,target-densitydpi=device-dpi" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="css/base.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <script src="js/config.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
    <script src="tour.js"></script>
    <title>反盗猎</title>
    <style>
        @-ms-viewport { width:device-width; }
        @media only screen and (min-device-width:800px) { html { overflow:hidden; } }
        html { height:100%; }
        body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
    </style>
    </head>
    <body>
        <div id="enter-page" class="ui-page  scene-1">
           <a class="go-hunt" href="#" id="go-hunt"></a>
        </div>
        <div id="full-screen-page" class="ui-page scene-2">
            <div id="pano" style="width:100%;height:100%;">
                <noscript>
                <table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
                <script>
                        var pano = document.getElementById("pano");
                        embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"prefer", passQueryParameters:true});
                </script>
            </div>
            <div style="position:absolute;right:0;bottom:5px;font-size:1em;">图片出处©WWF-China</div>
        </div>
        <div id="shot_page" class="ui-page">
            <img src="" id="bg_img">
            <img src="" id="mask_img">
            <ul class="shot_list" id="shot_list">
                <li class="aim_btn" id="shot_aim_btn"></li>
                <li class="shot_btn" id="shot_shot_btn"></li>
            </ul>
            <ul class="action_list" id="action_list">
                <li class="return_shot" id="return_shot"></li>
                <li class="share_with_friend" id="share_with_friend"></li>
            </ul>
            <ul class="news_list" id="news_list">
                <li class="netease" id="netease"></li>
                <li class="traffic" id="traffic"></li>
                <li class="wwf" id="wwf"></li>
                <li class="knowmore" id="knowmore"></li>
            </ul>
            <div id="knowmoreInfo" class="scene-1">
                <div class="pop-box">
                   <a class="close" href="javascript:void(0);" id="close-info"></a>
                   <img class="pop-bg" src="img/bg1-1.jpg">
                   <img class="desc" src="images/008.png"/>
               </div>
            </div>
        </div>
       <!--  <div id="info_page" class="ui-page scene-1">
           <div class="pop-box">
               <a class="close" href="javascript:void(0);"></a>
               <img class="pop-bg" src="img/bg1-1.jpg">
               <img class="desc" src="images/008.png"/>
           </div>
       </div> -->
    </body>
</html>