• 商品详情页,banner滚动点击加载效果,js,jquary


    <script language="javascript">
       
      $(document).ready(function () {
      //purchase
      $("#orderButton").click(function () {
      var departure_city_id = $('#departure_city_id').val();
      var adult_num = $('#adult').val();
      var child_num = $('#child').val();
      var departure_date = $("#departure_date").val();
      var tid = $("#tid").val();
      if (!departure_city_id) {
      alert('请选择出发城市');
      return false;
      }
       
      if (!departure_date) {
      //alert('请从日历选择出发日期');
      return false;
      }
      if (!adult_num) {
      alert('请选择成人乘客人数');
      return false;
      }
      $(this).val('处理中...');
      $.post("/product/purchase", {id: departure_city_id, adult_num: adult_num, child_num: child_num, departure_date: departure_date, tid: tid}, function (result) {
      if (result.status == "OK") {
      window.location.href = '/cart'
      } else {
      alert(result.msg);
      $("#orderButton").val('立即预订');
      return false;
      }
      }, "json");
      });
      huanli(".cy_kuang2 ul", "li");
      $(".cy_kuang2 ul li").click(
      function () {
      //var css_this = "this"
      var data_url = $(this).attr("data-url");
      //$(this).addClass(css_this).siblings().removeClass(css_this);
      $("html,body").animate({scrollTop: $(data_url).offset().top - 40});
      });
      $(".sidebar .daybox").click(
      function () {
      //var css_this = "this"
      var data_url = $(this).attr("data-url");
      //$(this).addClass(css_this).siblings().removeClass(css_this);
      $("html,body").animate({scrollTop: $(data_url).offset().top - 40});
      });
      //唤醒 返回头部按钮
      var nt = !1, nt1 = !1;
      $(window).bind("scroll",
      function () {
      var st = $(document).scrollTop(); //往下滚的高度
      nt = nt ? nt : $(".cy_kuang3").offset().top;
      nt1 = nt1 ? nt1 : $(".tripall").offset().top;
      // document.title=st;
      var sel = $(".cy_kuang2"), css = "fudongx", sel1 = $(".sidebar"), css1 = "fudongxa";
      if (nt <= st) {
      sel.addClass(css);
      }
      if (nt > st) {
      sel.removeClass(css);
      }
      ;
      if (nt1 <= st) {
      sel1.addClass(css1);
      }
      if (nt1 > st) {
      sel1.removeClass(css1);
      }
      ;
      if ($(".tripall_end").offset().top - $(".sidebar").height() < st) {
      sel1.removeClass(css1);
      }
      for (var i = 0; i < 4; i++) {
      var iii = i + 1;
      if (st > $(".ck_" + iii).offset().top - 100) {
      $(".cy_kuang2").find("li:eq(" + i + ")").addClass("this").siblings().removeClass("this");
      }
      }
      ;
      var day_num = $(".tripdays").size();
      for (var i = 0; i < day_num; i++) {
      var iii = i + 1;
      if (st > $(".day" + iii).offset().top - 100) {
      $(".sidebar").find(".daybox:eq(" + i + ")").addClass("this").siblings().removeClass("this");
      }
      }
      ;
      });
      });
      //获取平均整除
      huanli = function (wai, nei) {
      var wai = $(wai)
      wai.show().parent().show();
      var li = wai.find(nei), v = li.size(), vv = wai.width() / v;
      li.width(vv);
      };</script>
  • 相关阅读:
    LeetCode 152. 乘积最大子数组
    LeetCode 148. 排序链表
    LeetCode 143. 重排链表
    LeetCode 142. 环形链表 II
    LeetCode 137. 只出现一次的数字 II
    LeetCode 127. 单词接龙
    LeetCode 120. 三角形最小路径和
    spring boot redis 数据库缓存用法
    堪称神器的Chrome插件
    rocketMQ安装中遇到的坑
  • 原文地址:https://www.cnblogs.com/azzhang/p/6388671.html
Copyright © 2020-2023  润新知