(function( window , document ){ 'use strict'; var hotcss = {}; (function() { var viewportEl = document.querySelector('meta[name="viewport"]'), hotcssEl = document.querySelector('meta[name="hotcss"]'), dpr = window.devicePixelRatio || 1, maxWidth = 640, designWidth = 0; if (hotcssEl) { var hotcssCon = hotcssEl.getAttribute('content'); if (hotcssCon) { var initialDprMatch = hotcssCon.match(/initial\-dpr=([\d\.]+)/); if (initialDprMatch) { dpr = parseFloat(initialDprMatch[1]); } var maxWidthMatch = hotcssCon.match(/max\-width=([\d\.]+)/); if (maxWidthMatch) { maxWidth = parseFloat(maxWidthMatch[1]); } var designWidthMatch = hotcssCon.match(/design\-width=([\d\.]+)/); if (designWidthMatch) { designWidth = parseFloat(designWidthMatch[1]); } } } document.documentElement.setAttribute('data-dpr', dpr); hotcss.dpr = dpr; document.documentElement.setAttribute('max-width', maxWidth); hotcss.maxWidth = maxWidth; if( designWidth ){ document.documentElement.setAttribute('design-width', designWidth); hotcss.designWidth = designWidth; } var scale = 1 / dpr, content = 'width=device-width, initial-scale=' + scale + ', minimum-scale=' + scale + ', maximum-scale=' + scale + ', user-scalable=no'; if (viewportEl) { viewportEl.setAttribute('content', content); } else { viewportEl = document.createElement('meta'); viewportEl.setAttribute('name', 'viewport'); viewportEl.setAttribute('content', content); document.head.appendChild(viewportEl); } })(); hotcss.px2rem = function( px , designWidth ){ if( !designWidth ){ designWidth = parseInt(hotcss.designWidth , 10); } return parseInt(px,10)*640/designWidth/20; } hotcss.rem2px = function( rem , designWidth ){ if( !designWidth ){ designWidth = parseInt(hotcss.designWidth , 10); } return rem*20*designWidth/640; } hotcss.mresize = function(){ var innerWidth = document.documentElement.getBoundingClientRect().width || window.innerWidth; if( hotcss.maxWidth && (innerWidth/hotcss.dpr > hotcss.maxWidth) ){ innerWidth = hotcss.maxWidth*hotcss.dpr; } if( !innerWidth ){ return false;} document.documentElement.style.fontSize = ( innerWidth*20/640 ) + 'px'; }; hotcss.mresize(); window.addEventListener( 'resize' , function(){ clearTimeout( hotcss.tid ); hotcss.tid = setTimeout( hotcss.mresize , 400 ); } , false ); window.addEventListener( 'load' , hotcss.mresize , false ); setTimeout(function(){ hotcss.mresize(); },333) window.hotcss = hotcss; })( window , document ); (function($){ var mainWit = $(window).width(), mainHit = $(window).height(), header = $("header"), headerHeight = $("header").height(), navBarWrap = $(".navBarWrap"), navBar = $('.navBar'), navBarBtn = $(".bar-menu"), closeBar = $('.fixed-menu .close-bar'), munPhone = $('.fixed-menu .sub-menu-phone'), bodsBg = $('.body-bg'), fixedBar = $('.fixed-menu'), jsContainer = $(".js-container"), backToTop = $(".back-to-top"), mouseClick = $(".carousel-scroll-btn"), carouselBar = $(".page-header-bar"), dataBackground = $(".data-background "), fixedContact = $(".fixed-contact-wrap"); setTimeout(function(){carouselBar.removeClass("active")},1200) backToTop.click(function(){ $('html,body').animate({ scrollTop:0 },500); }); mouseClick.click(function() { $(this).parents(".page-header-bar").addClass("active"); $('html,body').animate({ scrollTop: mainHit }, 500); }); if( mainWit > 992){ navBar.hover(function(){ if(fixedBar.hasClass("active")){ fixedBar.removeClass("on"); }else{ fixedBar.addClass("on"); }; if(jsContainer.hasClass("active")){ jsContainer.removeClass("on"); }else{ jsContainer.addClass("on"); }; },function(){ fixedBar.removeClass("on"); jsContainer.removeClass('on'); }) } navBarBtn.click(function() { navBar.toggleClass('show'); fixedBar.removeClass('on').toggleClass('active'); bodsBg.toggleClass('active'); munPhone.addClass('active'); jsContainer.removeClass('on').toggleClass("active"); }) closeBar.click(function() { fixedBar.removeClass('active'); bodsBg.removeClass('active'); munPhone.removeClass('active'); navBar.toggleClass('show'); jsContainer.removeClass("active"); }) bodsBg.click(function() { $(this).removeClass('active'); fixedBar.removeClass('active'); munPhone.removeClass('active'); navBar.toggleClass('show'); jsContainer.removeClass("active"); }) if($(window).width() < 992) { navBar.removeClass('visble'); } //index-banner $.fn.indexBannerScroll = function(options){ var opts = $.extend({}, $.fn.indexBannerScroll.defaults,options); return this.each(function(){ var $this = $(this), carouselItemLi = $this.find(".carousel-item"), carouselLength = carouselItemLi.length -1, currentIndex = 0, bannerLeft = $this.find(".carousel-controls .left"), bannerRight = $this.find(".carousel-controls .right"), cur = $this.find(".carousel-controls .count span.current"), tot = $this.find(".carousel-controls .count span.total"), speed = opts.speed, timer = null; $this.find(".carousel-item:first-child").addClass("active"); tot.html("0" + (carouselLength + 1)); function bannerScroll(){ carouselItemLi.eq(currentIndex).addClass("active").siblings().removeClass("active"); } bannerLeft.click(function() { currentIndex--; currentIndex = currentIndex < 0 ? carouselLength : currentIndex; bannerScroll(); cur.html("0" + (currentIndex + 1)); }); bannerRight.click(function() { currentIndex++; currentIndex = currentIndex > carouselLength ? 0 : currentIndex; bannerScroll(); cur.html("0" + (currentIndex + 1)); }); var timer = setInterval(function() { bannerRight.click(); }, speed); }) } $.fn.indexBannerScroll.defaults={ speed:9000 } $(".index-banner").indexBannerScroll({ speed:9000 }) //右侧联系我们悬浮窗 $(".fixed-contact-wrap").hover(function(){ $(this).addClass("active"); },function(){ $(this).removeClass("active"); }) //公用滚动函数 if($(window).width() > 992){ var footerTop = $("footer").offset().top; if ($(this).scrollTop() > mainHit/2 && $(window).width() > 992 ){navBar.removeClass('visble');}else{navBar.addClass('visble');} if ($(this).scrollTop() > mainHit/2 ){ carouselBar.addClass("active"); fixedContact.addClass("show"); } else { carouselBar.removeClass("active"); fixedContact.removeClass("show"); } if ($(this).scrollTop() > headerHeight ){ header.addClass("active"); } else { header.removeClass("active"); } if (($(window).scrollTop() + window.screen.availHeight-$(window).height()/2) > footerTop){ navBar.addClass("black"); fixedContact.addClass("black"); } else { navBar.removeClass("black"); fixedContact.removeClass("black"); } } $(window).resize(function() { if($(window).width() < 992) { navBar.removeClass('visble'); } $(".index-data .wrap").height(dataBackground.height()); }); $(window).scroll(function() { if($(window).width() > 992){ var footerTop = $("footer").offset().top; if ($(this).scrollTop() > mainHit/2 && $(window).width() > 992 ){ navBar.removeClass('visble'); } else { navBar.addClass('visble'); } if ($(this).scrollTop() > mainHit/2 ){ carouselBar.addClass("active"); fixedContact.addClass("show"); } else { carouselBar.removeClass("active"); fixedContact.removeClass("show"); } if ($(this).scrollTop() > headerHeight ){ header.addClass("active"); } else { header.removeClass("active"); } if (($(window).scrollTop() + window.screen.availHeight-$(window).height()/2) > footerTop){ navBar.addClass("black"); fixedContact.addClass("black"); } else { navBar.removeClass("black"); fixedContact.removeClass("black"); } } }); $(".inner-banner").addClass("active"); })(jQuery); /*weixin js*/ $(function(){ $(".weixin").mouseenter(function(){ $(this).children(".wx_zicaidan").show(); }); $(".weixin").mouseleave(function(){ $(this).children(".wx_zicaidan").hide(); }); }); /* ----- 侧边悬浮 ---- */ $(document).ready(function(){ $(document).on("mouseenter", ".suspension .a", function(){ var _this = $(this); var s = $(".suspension"); var isService = _this.hasClass("a-service"); var isServicePhone = _this.hasClass("a-service-phone"); var isQrcode = _this.hasClass("a-qrcode"); if(isService){ s.find(".d-service").show().siblings(".d").hide();} if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();} if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();} }); $(document).on("mouseleave", ".suspension, .suspension .a-top", function(){ $(".suspension").find(".d").hide(); }); $(document).on("mouseenter", ".suspension .a-top", function(){ $(".suspension").find(".d").hide(); }); $(document).on("click", ".suspension .a-top", function(){ $("html,body").animate({scrollTop: 0}); }); $(window).scroll(function(){ var st = $(document).scrollTop(); var $top = $(".suspension .a-top"); if(st > 400){ $top.css({display: 'block'}); }else{ if ($top.is(":visible")) { $top.hide(); } } }); }); /*bevictor伟德官网banner 文字动画*/ $(function () { var curYear=new Date().getFullYear()-2006; $('.text1').text('bevictor伟德官网'+curYear+'年 致力于品牌网站设计').textillate({ initialDelay: 500, in: { effect: 'flipInLeft',delayScale: 1.5,delay: 50 } }); $('.text2').textillate({ initialDelay: 2000, //设置动画开始时间 in: { effect: 'flipInX' //设置动画名称 } }); $('.text3').textillate({ initialDelay: 5000, in: { effect: 'flipInX' } }); }) //数字自增到某一值动画参数(目标元素,自定义配置) function NumAutoPlusAnimation(targetEle, options) { /*可以自己改造下传入的参数,按照自己的需求和喜好封装该函数*/ //不传配置就把它绑定在相应html元素的data-xxxx属性上吧 options = options || {}; var $this = document.getElementById(targetEle), time = options.time || $this.data('time'), //总时间--毫秒为单位 finalNum = options.num || $this.data('value'), //要显示的真实数值 regulator = options.regulator || 100, //调速器,改变regulator的数值可以调节数字改变的速度 step = finalNum / (time / regulator),/*每30ms增加的数值--*/ count = 0, //计数器 initial = 0; var $this = document.getElementById(targetEle), time = options.time || $this.data('time2'), //总时间--毫秒为单位 finalNum = options.num || $this.data('value'), //要显示的真实数值 regulator = options.regulator || 100, //调速器,改变regulator的数值可以调节数字改变的速度 step = finalNum / (time / regulator),/*每30ms增加的数值--*/ count = 0, //计数器 initial = 0; var $this = document.getElementById(targetEle), time = options.time || $this.data('time3'), //总时间--毫秒为单位 finalNum = options.num || $this.data('value'), //要显示的真实数值 regulator = options.regulator || 100, //调速器,改变regulator的数值可以调节数字改变的速度 step = finalNum / (time / regulator),/*每30ms增加的数值--*/ count = 0, //计数器 initial = 0; var $this = document.getElementById(targetEle), time = options.time || $this.data('time4'), //总时间--毫秒为单位 finalNum = options.num || $this.data('value'), //要显示的真实数值 regulator = options.regulator || 100, //调速器,改变regulator的数值可以调节数字改变的速度 step = finalNum / (time / regulator),/*每30ms增加的数值--*/ count = 0, //计数器 initial = 0; var timer = setInterval(function() { count = count + step; if(count >= finalNum) { clearInterval(timer); count = finalNum; } //t未发生改变的话就直接返回 //避免调用text函数,提高DOM性能 var t = Math.floor(count); if(t == initial) return; initial = t; $this.innerHTML = initial; }, 30); } if (window.location.pathname.toLowerCase() == '/web/topage/about') { var isdo = false; window.onscroll = starttime; window.onload = starttime; function starttime() { if (isdo == false) { //滚动条高度+视窗高度 = 可见区域底部高度 var currentheight = window.scrollY + document.documentElement.clientHeight; var eltop =$('#time').offset().top; var elheight = document.getElementById('time').clientHeight; var curYear=new Date().getFullYear()-2006; if (currentheight >= (eltop + elheight)) { NumAutoPlusAnimation("time", { time: 1500, num: curYear, regulator: 50 }); //$('#span00q1').text(curYear); NumAutoPlusAnimation("time2", { time: 1500, num: 300, regulator: 30 }); //$('#span00q2').text(300); NumAutoPlusAnimation("time3", { time: 1500, num: 500, regulator: 30 }); NumAutoPlusAnimation("time4", { time: 1500, num: 800, regulator: 30 }); isdo = true; } } } } $(function(){ var $timeline_block = $('.cd-timeline-block'); //hide timeline blocks which are outside the viewport $timeline_block.each(function(){ if($(this).offset().top > $(window).scrollTop()+$(window).height()*0.75) { $(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden'); } }); //on scolling, show/animate timeline blocks when enter the viewport $(window).on('scroll', function(){ $timeline_block.each(function(){ if( $(this).offset().top <= $(window).scrollTop()+$(window).height()*0.75 && $(this).find('.cd-timeline-img').hasClass('is-hidden') ) { $(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in'); } }); }); }); /*地图API*/ //创建和初始化地图函数: function initMap(){ createMap();//创建地图 setMapEvent();//设置地图事件 addMapControl();//向地图添加控件 addMarker();//向地图中添加marker } //创建地图函数: function createMap(){ var map = new BMapGL.Map("dituContent");//在百度地图容器中创建一个地图 //var point = new BMap.Point(111.493502,28.908122);//定义一个中心点坐标 var point = new BMapGL.Point(111.709549,29.066546);//定义一个中心点坐标 map.centerAndZoom(point,19);//设定地图的中心点和坐标并将地图显示在地图容器中 window.map = map;//将map变量存储在全局 } //地图事件设置函数: function setMapEvent(){ map.enableDragging();//启用地图拖拽事件,默认启用(可不写) map.enableScrollWheelZoom();//启用地图滚轮放大缩小 map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写) map.enableKeyboard();//启用键盘上下左右键移动地图 } //地图控件添加函数: function addMapControl(){ //向地图中添加缩放控件 var ctrl_nav = new BMapGL.NavigationControl({anchor:BMAP_ANCHOR_TOP_RIGHT,type:BMAP_NAVIGATION_CONTROL_SMALL}); map.addControl(ctrl_nav); //向地图中添加缩略图控件 //var ctrl_ove = new BMapGL.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:0}); //map.addControl(ctrl_ove); //向地图中添加比例尺控件 var ctrl_sca = new BMapGL.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); map.addControl(ctrl_sca); } //标注点数组 //var markerArr = [{title:"bevictor伟德官网",content:"bevictor伟德官网成立于2006年,是一家以经营互联网信息服务、网络文化经营服务、网站建设维护、软件系统开发、信息技术咨询、微信公众平台功能开发等
业务为主的网络公司。",point:"111.493408|28.908086",isOpen:0,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}} //var point = new BMap.Point(111.493502,28.908122);//定义一个中心点坐标 var markerArr = [{title:"bevictor伟德官网",content:"bevictor伟德官网成立于2006年,是一家以经营互联网信息服务、网络文化经营服务、网站建设维护、软件系统开发、信息技术咨询、微信公众平台功能开发等
业务为主的网络公司。",point:"111.709549|29.066546",isOpen:0,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}} ]; //创建marker function addMarker(){ for(var i=0;i" + json.title + "
"+json.content+"
"); return iw; } //创建一个Icon function createIcon(json){ var icon = new BMapGL.Icon("/images/home32.png", new BMapGL.Size(32,32)); //,{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(32,32)}) return icon; } if (window.location.pathname.toLowerCase() == '/web/topage/contact') { initMap();//创建和初始化地图 } //2022-04 //202204 function pagination(a){this.container=a.container,this.cons=a.container.find("li"),this.count=this.cons.length,this.prevBtn=a.prevBtn,this.nextBtn=a.nextBtn,this.num=a.num,this.page=Math.ceil(this.count/this.num),this.iPage=0,this.init()}pagination.prototype.init=function(){var a,b;for(This=this,this.container.css("width",100*this.page+"%"),a=0;a");b=this.container.find("ul"),b.css("width",100/this.page+"%"),this.cons.each(function(a){var c=parseInt(a/This.num);$(this).appendTo(b.eq(c))}),this.prevBtn.on("click",function(){This._prev()}),this.nextBtn.on("click",function(){This._next()})},pagination.prototype._scroll=function(){this.container.stop().animate({left:-100*this.iPage+"%"})},pagination.prototype._prev=function(){this.iPage--,this.iPage<0&&(this.iPage=this.page-1),this._scroll()},pagination.prototype._next=function(){this.iPage++,this.iPage>this.page-1&&(this.iPage=0),this._scroll()},$(document).ready(function(){function a(){return arguments[0]==f?!1:(g=f,null!=arguments[0]?f=arguments[0]:f>=d-1?f=0:f++,i.eq(g).attr("class","flip_front"),setTimeout(function(){i.eq(g).css("display","none"),i.eq(f).attr("class","flip_back").css("display","block")},400),c.stop().animate({left:-100*f+"%"},1e3,"easeInOutExpo"),$("#focus_dot").find("li").eq(f).addClass("cur").siblings().removeClass(),void 0)}function b(){$("#progress").stop().animate({width:"100%"},1e4,function(){$(this).css("width",0),a(),b()})}var c,d,e,f,g,h,i,j,k,l;for($(window).resize(function(){$(".works_wrap").css("paddingTop",$("#works").height())}),c=$("#focus_main"),d=c.find("li").length,c.css("width",100*d+"%").find("li").css("width",100/d+"%"),$("#banner").append('
'),e=0;d>e;e++)0==e?$("#focus_dot").append("
  • "):$("#focus_dot").append("
  • ");c.find("article").appendTo("#focus_info"),f=0,g=0,h=0,i=$("#focus_info").find("article"),i.eq(0).css("display","block"),$("#focus_dot").find("li").on("click",function(){c.is(":animated")||f==$(this).index()||($("#progress").stop().css("width",0),h=1,a($(this).index()))}),setTimeout(b,2500),$("#focus_info, #focus_dot").hover(function(){$("#progress").pause()},function(){h?(h=0,b()):$("#progress").resume()}),new pagination({container:$("#works"),prevBtn:$("#works_prev"),nextBtn:$("#works_next"),num:8}),j=$("#detail").find("li"),k=0,l=j.length-1,j.eq(0).addClass("cur"),$("#detail_prev").on("click",function(){k--,0>k&&(k=l),j.removeClass().eq(k).addClass("cur")}),$("#detail_next").on("click",function(){k++,k>l&&(k=0),j.removeClass().eq(k).addClass("cur")}),$.support.leadingWhitespace||$("#client").find("a").hover(function(){$(this).find("img").eq(1).stop().fadeOut()},function(){$(this).find("img").eq(1).stop().fadeIn()})}),window.onload=function(){function a(a){a.each(function(a){$(window).scrollTop()+$(window).height()>=$(this).offset().top&&$(this).attr("off")&&$(this).delay(250*a).animate({top:0,opacity:1},750,"easeOutQuad",function(){$(this).attr("off",!1).find("dd").each(function(a){$(this).delay(200*a).animate({opacity:1,left:0})})})})}setTimeout(function(){$(".works_wrap").css("paddingTop",$("#works").height())},1e3);var b=$("#profession_list").find("dl");b.length>0&&(b.css({opacity:0,position:"relative",top:80}).attr("off",!0).find("dd").css({opacity:0,position:"relative",left:-50}),$(window).on("scroll",function(){a(b)}))},!function(){var a=document.documentElement,b="orientationchange" in window?"orientationchange":"resize",c=function(){var b=a.clientWidth;b&&(a.style.fontSize=20*(b/1920)+"px")};document.addEventListener&&(window.addEventListener(b,c,!1),document.addEventListener("DOMContentLoaded",c,!1))}();