zhangm
/
ebook_yly


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!--<meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no"
    />-->
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>养老院参观报名·颐寿嘉园、和熹会、燕达</title>
    <link rel="stylesheet" type="text/css" href="css/basic.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/modernizr.2.5.3.min.js"></script>
  </head>
  <body>
    <!--播放器-->
    <!-- <a class="mscBtn" id="audioBtn"></a> -->
    <div class="shade">
      <div class="sk-fading-circle">
        <div class="sk-circle1 sk-circle"></div>
        <div class="sk-circle2 sk-circle"></div>
        <div class="sk-circle3 sk-circle"></div>
        <div class="sk-circle4 sk-circle"></div>
        <div class="sk-circle5 sk-circle"></div>
        <div class="sk-circle6 sk-circle"></div>
        <div class="sk-circle7 sk-circle"></div>
        <div class="sk-circle8 sk-circle"></div>
        <div class="sk-circle9 sk-circle"></div>
        <div class="sk-circle10 sk-circle"></div>
        <div class="sk-circle11 sk-circle"></div>
        <div class="sk-circle12 sk-circle"></div>
      </div>
      <div class="number"></div>
    </div>
    <div class="flipbook-viewport" style="display: none">
<!--      <div class="previousPage" style="z-index: -1"></div>
      <div class="nextPage" style="z-index: -1"></div>
      <div class="return"></div>-->
<!--      <img
        class="btnImg"
        src="https://hyj-shop.eos-shanghai-1.cmecloud.cn/ebook/h5/resource/btn.gif"
        style="display: none"
      />-->
      <div class="container">
        <div class="flipbook"></div>
      </div>
      <div>
          <a href="https://hemall.terabimsoft.com.cn/addons/yun_shop/?menu#/diyform/14?i=1" style="width:100%;height:150px;display: inline-block; vertical-align: middle;position:fixed;text-align:center;bottom:1rem;border:1px solid red;z-index:999" ></a>
      </div>
      <audio
        src="https://hyj-shop.eos-shanghai-1.cmecloud.cn/ebook/public/resource/fanshu2.mp3"
        id="bgMusic"
      ></audio>
    </div>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
      //自定义仿iphone弹出层
      (function ($) {
        //ios confirm box
        jQuery.fn.confirm = function (title, option, okCall, cancelCall) {
          var defaults = {
            title: null, //what text
            cancelText: "取消", //the cancel btn text
            okText: "确定", //the ok btn text
          };

          if (undefined === option) {
            option = {};
          }
          if ("function" != typeof okCall) {
            okCall = $.noop;
          }
          if ("function" != typeof cancelCall) {
            cancelCall = $.noop;
          }

          var o = $.extend(defaults, option, {
            title: title,
            okCall: okCall,
            cancelCall: cancelCall,
          });

          var $dom = $(this);

          var dom = $('<div class="g-plugin-confirm">');
          var dom1 = $("<div>").appendTo(dom);
          var dom_content = $("<div>").html(o.title).appendTo(dom1);
          var dom_btn = $("<div>").appendTo(dom1);
          var btn_cancel = $('<a href="#"></a>')
            .html(o.cancelText)
            .appendTo(dom_btn);
          var btn_ok = $('<a href="#"></a>').html(o.okText).appendTo(dom_btn);
          btn_cancel.on("click", function (e) {
            o.cancelCall();
            dom.remove();
            e.preventDefault();
          });
          btn_ok.on("click", function (e) {
            o.okCall();
            dom.remove();
            e.preventDefault();
          });

          dom.appendTo($("body"));
          return $dom;
        };
      })(jQuery);

      var audio = document.getElementById("bgMusic");

      //上一页
      // $(".previousPage").bind("touchend", function () {
      //   audio.pause();
      //   audio.currentTime = 0;
      //   audio.play();
      //   var pageCount = $(".flipbook").turn("pages"); //总页数
      //   var currentPage = $(".flipbook").turn("page"); //当前页
      //   if (currentPage >= 2) {
      //     $(".flipbook").turn("page", currentPage - 1);
      //   } else {
      //   }
      // });
      // 下一页
      /*$(".nextPage").bind("touchend", function () {
        audio.pause();
        audio.currentTime = 0;
        audio.play();
        var pageCount = $(".flipbook").turn("pages"); //总页数
        var currentPage = $(".flipbook").turn("page"); //当前页
        if (currentPage <= pageCount) {
          $(".flipbook").turn("page", currentPage + 1);
        } else {
        }
      });*/
      //返回到目录页
      /*$(".return").bind("touchend", function () {
        audio.pause();
        audio.currentTime = 0;
        audio.play();
        $(document).confirm(
          "您确定要返回首页吗?",
          {},
          function () {
            $(".flipbook").turn("page", 1); //跳转页数
            audio.pause();
            audio.currentTime = 0;
            audio.play();
          },
          function () {}
        );
      });previousPage*/

      $(function () {
        let audio = document.querySelector("#bgMusic");
        document.addEventListener(
          "WeixinJSBridgeReady",
          function () {
            audio.muted = true;
            audio.play();
            audio.pause();
            audio.muted = false;
          },
          false
        );
      });
    </script>
    <script type="text/javascript" src="js/main.js"></script>
  </body>
</html>