商品详情页,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>

转载于:https://www.cnblogs.com/azzhang/p/6388671.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值