function stop() { return false; } $("#banner .child").mchange({ auto: 1, //是否自动播放,1为自动,0为手动 arrow: 1, //是否反转箭头,1为点击左侧向右滚动,0则相反 speed: 5000, //效果速度,大于0.3 time: 5000, //周期时间,大于1 nav: $("#banner .nav a"), //导航 snav: 0, //导航滚动 prev: null, //上一个 next: null, //下一个 cycle: 1, //是否循环 mousestop: 0, //是否鼠标划入停止 mousewheel: 0, //是否开启滚轮事件 animates: null //自定义函数 }); $('#banner').height($(window).height()); // $('#banner').width($(window).width() + 17); $('#banner').width($(window).width()); $(window).resize(function() { $('#banner').height($(window).height()); $('#banner').width($(window).width()); }); $(document).ready(function(){ var m = $(window).scrolltop(); if (m >= $(window).height() / 2) { $(".main1 .text h3").animate({ opacity: 1, left: '50%' }, 1300, "easeoutback"); $(".main1 .text p").delay(300).animate({ opacity: 1, left: '50%' }, 1300, "easeoutback"); }; }); $(window).scroll(function() { var m = $(window).scrolltop(); if (m >= $(window).height() / 2) { $(".main1 .text h3").animate({ opacity: 1, left: '50%' }, 1300, "easeoutback"); $(".main1 .text p").delay(300).animate({ opacity: 1, left: '50%' }, 1300, "easeoutback"); }; if (m >= $(window).height() / 2 + 745) { var per = $(window).height() / 2 + 600; per = per / 2; per = m / per - 2; if (parseint(per * 50) < 20) { $('.main2 .d').css('opacity', 0); } else { $('.main2 .d').css('opacity', per); }; per = per * 200; $(".main2 .text h3").animate({ opacity: 1, left: '50%' }, 1300, "easeoutback"); $(".main2 .text p").delay(300).animate({ opacity: 1, left: '50%' }, 1300, "easeoutback"); if (per >= 200) { per = 200; }; $('.main2 .dl').css('transform', 'translatex(' + (per - 200) + 'px)'); $('.main2 .dr').css('transform', 'translatex(' + (200 - per) + 'px)'); $('.main2 .dt').css('transform', 'translatey(' + (per - 200) + 'px)'); $('.main2 .db').css('transform', 'translatey(' + (200 - per) + 'px)'); $('.main2 .dl').css('-webkit-transform', 'translatex(' + (per - 200) + 'px)'); $('.main2 .dr').css('-webkit-transform', 'translatex(' + (200 - per) + 'px)'); $('.main2 .dt').css('-webkit-transform', 'translatey(' + (per - 200) + 'px)'); $('.main2 .db').css('-webkit-transform', 'translatey(' + (200 - per) + 'px)'); $('.main2 .dl').css('-moz-transform', 'translatex(' + (per - 200) + 'px)'); $('.main2 .dr').css('-moz-transform', 'translatex(' + (200 - per) + 'px)'); $('.main2 .dt').css('-moz-transform', 'translatey(' + (per - 200) + 'px)'); $('.main2 .db').css('-moz-transform', 'translatey(' + (200 - per) + 'px)'); $('.main2 .dl').css('-o-transform', 'translatex(' + (per - 200) + 'px)'); $('.main2 .dr').css('-o-transform', 'translatex(' + (200 - per) + 'px)'); $('.main2 .dt').css('-o-transform', 'translatey(' + (per - 200) + 'px)'); $('.main2 .db').css('-o-transform', 'translatey(' + (200 - per) + 'px)'); $('.main2 .dl').css('-ms-transform', 'translatex(' + (per - 200) + 'px)'); $('.main2 .dr').css('-ms-transform', 'translatex(' + (200 - per) + 'px)'); $('.main2 .dt').css('-ms-transform', 'translatey(' + (per - 200) + 'px)'); $('.main2 .db').css('-ms-transform', 'translatey(' + (200 - per) + 'px)'); }; if (m >= $(window).height() / 2 + 745 + 890) { $(".main3 .box").css('display', 'block'); $(".main3 .box .div").addclass('rollin'); $(".main3 .box .div .text").addclass('rollin'); }; }); $('.m1-swp .swiper-slide').hover(function() { $(this).find('.up').stop().fadein(300); }, function() { $(this).find('.up').stop().fadeout(300); }); var swiper = new swiper('.m1-swp .swiper-container', { slidesperview: 3, spacebetween: 13, preventclicks: false, nextbutton: '.m1-swp .swiper-button-next', prevbutton: '.m1-swp .swiper-button-prev', breakpoints: { //当宽度小于等于320 767: { slidesperview: 2, spacebetween: 2 } }, }); var swiper1 = new swiper('.bnph .swiper-container', { pagination: '.bnph .swiper-pagination', paginationclickable: true, autoplay: 5000, oninit: function(swiper){ if(swiper.slides.length > 1){ $(".bnph .swiper-pagination").show(); } } }); var $nav_ul = $(".main1 .ul ul"); var $lb_lis = $nav_ul.find('li'); var p_num = $lb_lis.length; var max = p_num - 3; var m = 0; $('.main1 .ul .arrow_r').click(function() { m++; if (m >= max) { m = max; } var left = -421 * m; $nav_ul.stop().animate({ 'left': left + 'px' }, 500); }) $('.main1 .ul .arrow_l').click(function() { m--; if (m <= -1) { m = 0; } var left = -421 * m; $nav_ul.stop().animate({ 'left': left + 'px' }, 500); }); $('.play').on('click', function(){ var myplayer = videojs('cultvideo'); var videourl = $(this).attr("data-video"), postersrc = $(this).attr('data-poster'); videojs("cultvideo", {}, function() { window.myplayer = this; $("#cultvideo source").attr("src", videourl); myplayer.src(videourl); myplayer.poster(postersrc); myplayer.load(videourl); $('.pop-video-box').slidedown(300); myplayer.play(); }); }); $('.m1-swp .up').on('click', function(){ if($(this).parents('.swiper-slide').find('.play').length > 0){ var myplayer = videojs('cultvideo'); var videourl = $(this).parents('.swiper-slide').find('.play').attr("data-video"), postersrc = $(this).parents('.swiper-slide').find('.play').attr('data-poster'); videojs("cultvideo", {}, function() { window.myplayer = this; $("#cultvideo source").attr("src", videourl); myplayer.src(videourl); myplayer.poster(postersrc); myplayer.load(videourl); $('.pop-video-box').slidedown(300); myplayer.play(); }); } }); function stopbubble(e) { // 如果传入了事件对象,那么就是非ie浏览器 if (e && e.stoppropagation) { //因此它支持w3c的stoppropagation()方法 e.stoppropagation(); } else { //否则我们使用ie的方法来取消事件冒泡 window.event.cancelbubble = true; } } $('.m1-swp .up .more').on('click', function(e){ stopbubble(e); }); $('.pop-video-box .pop-close').on('click', function(){ var myplayer = videojs('cultvideo'); $('.pop-video-box').slideup(100); myplayer.pause(); myplayer.currenttime(0); });