$(document).ready(function() { function imgWH(){ $('.m-faded').find("li img").each(function() { var obj = $(this); var itemIndex = $(this).index(); var img_url = $(this).attr("src"); var img = new Image(); img.src = img_url; var check = function(){ if(img.width>0 || img.height>0){ var realW = img.width; var realH = img.height; obj.parents('li').eq(itemIndex).css({"height":obj.height()}); $(".m-faded").css({"height": $('.m-faded').find('li').eq(0).height()}); clearInterval(set); } }; var set = setInterval(check,40); }); } imgWH(); function cicleBox(){ var cicleW = $("#cicle-item-wraper").height(); $("#cicle-item-wraper").height(cicleW); } cicleBox(); $(".m-wrapper").hover(function() { $(".btn-prev,.btn-next").fadeIn() }, function() { $(".btn-prev,.btn-next").fadeOut() }) dragBln = false; $(".m-faded").touchSlider({ flexible: true, speed: 500, btn_prev: $(".btn-prev"), btn_next: $(".btn-next"), paging: $(".flicking-con a"), counter: function(e) { $(".flicking-con a").removeClass("on").eq(e.current - 1).addClass("on"); $(".m-faded").css({"height": $('.m-faded').find('li').eq(e.current - 1).height()}); } }); $(".m-faded").bind("mousedown", function() { dragBln = false; }) $(".m-faded").bind("dragstart", function() { dragBln = true; }) $(".m-faded a").click(function() { if (dragBln) { return false; } }) timer = setInterval(function() { $(".btn-next").click(); }, 5000); $(".m-wrapper").hover(function() { clearInterval(timer); }, function() { timer = setInterval(function() { $(".btn-next").click(); }, 5000); }) $(".m-faded").bind("touchstart", function() { clearInterval(timer); }).bind("touchend", function() { timer = setInterval(function() { $(".btn-next").click(); }, 5000); }); var distant = $('.goods-item').width();//单个产品宽度 var len = $('.goods-item').length; //展示的产品数 var moveBlock = $("#move-wraper");//移动的容? var myLeft = 0; var pre = $('.next'); var nex = $(".pre"); var mostDistant = (len - 4) * distant; pre.on("click", moveLeft) function moveLeft() { myLeft = Math.abs(parseInt(moveBlock.css('left'))); if (myLeft > mostDistant) return false; moveBlock.animate({left: -(myLeft + distant) + 'px'}, 600, function () { pre.on("click", moveLeft) }) pre.off('click') } nex.on("click", moveRight) function moveRight() { myLeft = parseInt(moveBlock.css('left')); console.log(myLeft); if (myLeft >= 0) return false; moveBlock.animate({left: (myLeft + distant) + 'px'}, 600, function () { nex.on("click", moveRight) }) nex.off('click') } var wds = $("#wds-wraper")[0]; var bEle = window.document.body; var wch = bEle.clientHeight / 2; var bgy = 0; var sbf = 0; var scn = 0; bEle.onscroll = function (event) { bgy = parseInt(wds.style.backgroundPositionY) scn = event.srcElement.scrollingElement.scrollTop||document.body.scrollTop||window.pageYOffset; if (scn > sbf) { // 下滚 //console.log('下滚'); wds.style.backgroundPositionY = (bgy - 5) + 'px'; // if(bgy>550||bgy<=20){return false} } else if (scn < sbf) { // 上滚 //console.log('上滚'); wds.style.backgroundPositionY = (bgy + 5) + 'px'; // if(bgy>550||bgy<=20){return false} } sbf = scn; }; var fixToggle = true $('#line-wrap').on('click',function () { if(fixToggle){ $("#fix-screen").fadeIn() }else{ $("#fix-screen").fadeOut() } fixToggle = !fixToggle }) });