var alan = (function(document, undefined) { var readyRE = /complete|loaded|interactive/; var idSelectorRE = /^#([\w-]+)$/; var classSelectorRE = /^\.([\w-]+)$/; var tagSelectorRE = /^[\w-]+$/; var translateRE = /translate(?:3d)?\((.+?)\)/; var translateMatrixRE = /matrix(3d)?\((.+?)\)/; var $ = function(selector, context) { context = context || document; if (!selector) return wrap(); if (typeof selector === 'object') if ($.isArrayLike(selector)) { return wrap($.slice.call(selector), null); } else { return wrap([selector], null); } if (typeof selector === 'function') return $.ready(selector); if (typeof selector === 'string') { try { selector = selector.trim(); if (idSelectorRE.test(selector)) { var found = document.getElementById(RegExp.$1); return wrap(found ? [found] : []); } return wrap($.qsa(selector, context), selector); } catch (e) {} } return wrap(); }; var wrap = function(dom, selector) { dom = dom || []; Object.setPrototypeOf(dom, $.fn); dom.selector = selector || ''; return dom; }; /** * querySelectorAll * @param {type} selector * @param {type} context * @returns {Array} */ $.qsa = function(selector, context) { context = context || document; return $.slice.call(classSelectorRE.test(selector) ? context.getElementsByClassName(RegExp.$1) : tagSelectorRE.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector)); }; $.uuid = 0; $.data = {}; $.insertAfter = function(elem,tarElem){ var parent = tarElem.parentNode; if (parent.lastChlid == tarElem) { parent.appendChild(elem); }else{ parent.insertBefore(elem,tarElem.nextSibling); } }; // 鏌ユ壘鍏勫紵鍏冪礌 $.getSiblings = function(o){ var a = []; var p = o.previousSibling; while(p){ if(p.nodeType === 1){ a.push(p); } p = p.previousSibling; } a.reverse(); var n = o.nextSibling; while(n){ if(n.nodeType === 1){ a.push(n); } n = n.nextSibling; } return a; }; $.toggleClass = function( elem, c ) { if(elem.classList.contains(c)){ elem.classList.remove(c); }else{ elem.classList.add(c); } }; /* 绉诲姩绔偣鍑讳簨浠舵ā鎷烶C绔痟over浜嬩欢 * class1,閫夋嫨鍖归厤鐨勫厓绱 * class2,鍖归厤鍏冪礌閲岀殑a鍏冪礌锛岄樆姝㈠畠璺宠浆 * */ $.touchToHover = function (class1,class2) { [].slice.call(document.querySelectorAll(class1)).forEach( function( el) { el.querySelector(class2).addEventListener( 'touchstart', function(e) { console.log(this); //e.stopPropagation(); e.preventDefault(); }, false ); el.addEventListener( 'touchstart', function(e) { $.toggleClass( this, 'cs-hover' ); }, false ); }); }; $.getStyle = function(elem,attr){ return elem.currentStyle ? elem.currentStyle[attr] : window.getComputedStyle(elem,false)[attr]; }; $.getElemPosition = function(elem){ var oPositon = elem.getBoundingClientRect(); return { top:oPositon.top, bottom:oPositon.bottom, left:oPositon.left, right:oPositon.right, }; }; $.Event = { on:function(elem,type,handler){ if (elem.addEventListener) { elem.addEventListener(type,handler,false); }else if(elem.attachEvent){ elem.attachEvent('on'+type,handler); }else{ elem['on'+type] = handler; } }, off:function(elem,type,handler){ if (elem.removeEventListener) { elem.removeEventListener(type,handler,false); }else if (elem.detachEvent) { elem.detachEvent('on'+type,handler); }else{ elem['on'+type] = null; } }, getEvent:function(event){ //灏嗗畠鏀惧湪浜嬩欢澶勭悊绋嬪簭鐨勫紑澶达紝鍙互纭繚鑾峰彇浜嬩欢銆 return event ? event : window.event; }, getTarget:function(event){ //鐩爣鍏冪礌 return event.target || event.srcElement; }, preventDefault:function(event){ //鍙栨秷榛樿 if (event.preventDefault) { event.preventDefault(); }else{ event.returnValue = false; } }, stopPropagation:function(event){ //闃绘鍐掓场 if (event.stopPropagation) { event.stopPropagation(); }else{ event.cancelBubble = true; } }, getRelatedTarget:function(event){//鑾峰緱鐩稿叧鍏冪礌 if (event.relatedTarget) { return event.relatedTarget; }else if (event.toElement) { return event.toElement; }else if (event.fromElement) { return event.fromElement; }else{ return null; } }, getButton:function(event){ //鑾峰彇榧犳爣鎸夐挳 if (alan.isSupported2) { return event.button; }else{ switch(event.button){ case 0: case 1: case 3: case 5: case 7: return 0; case 2: case 6: return 2; case 4: return 1; } } }, getWheelDelta:function(event){ //婊氳疆鐨勪簨浠 if (event.wheelDelta) { return (client.engine.opera && client.engine.opera < 9.5 ? -event.wheelDelta : event.wheelDelta); }else{ return -event.detail * 40; } }, getCharCode:function(event){ if (typeof event.charCode == 'number') { return event.charCode; }else{ return event.keyCode; } } }; /** * 鍦ㄨ繛缁暣鏁颁腑鍙栧緱涓€涓殢鏈烘暟 * @param {number} * @param {number} * @param {string} 'star' || 'end' || 'both' 闅忔満鏁板寘鎷瑂tarNum || endNum || both * @return 涓€涓殢鏈烘暟 */ $.mathRandom = function(starNum,endNum,type){ var num = endNum - starNum; switch (type) { case 'star' : return parseInt(Math.random()*num + starNum,10); case 'end' : return Math.floor(Math.random()*num + starNum) + 1; case 'both' : return Math.round(Math.random()*num + starNum); default : console.log('娌℃湁鎸囧畾闅忔満鏁扮殑鑼冨洿'); } }; // 鑾峰緱鏁扮粍涓渶灏忓€ $.getArrayMin = function(array) { /*var min = array[0]; array.forEach(function (item) { if(item < min){ min = item; } }); return min;*/ return Math.min.apply(Math,array); }; // 鑾峰緱鏁扮粍涓渶澶у€ $.getArrayMax = function (array) { return Math.max.apply(Math,array); }; // 鏁扮粍鍘婚噸澶 $.getArrayNoRepeat = function (array) { var noRepeat = []; var data = {}; array.forEach(function (item) { if(!data[item]){ noRepeat.push(item); data[item] = true; } }); return noRepeat; }; $.isArray = function(val){ return Array.isArray(val) || Object.prototype.toString.call(val) === '[object Array]'; }; $.isFunction = function(val){ return Object.prototype.toString.call(val) == '[object Function]'; }; $.isRegExp = function(val){ return Object.prototype.toString.call(val) == '[object RegExp]'; }; $.isMacWebkit = (navigator.userAgent.indexOf("Safari") !== -1 && navigator.userAgent.indexOf("Version") !== -1); $.isFirefox = (navigator.userAgent.indexOf("Firefox") !== -1); // $.fn = { each: function(callback) { [].every.call(this, function(el, idx) { return callback.call(el, idx, el) !== false; }); return this; } }; //鍏煎 AMD 妯″潡 if (typeof define === 'function' && define.amd) { define('alan', [], function() { return $; }); } return $; })(document); // 婊氬姩鍔ㄧ敾 (function ($) { /* * 闇€瑕佸湪css鏂囦欢閲屾坊鍔 .scroll-animate.animated {visibility: hidden;} 鏍峰紡锛岃В鍐?闂竴涓?鐨刡ug * .disable-hover {pointer-events: none;} 涔熼渶瑕佸姞鍦ㄦ牱寮忚〃涓 * 濡傛灉婊氬姩浜嬩欢澶辨晥锛屾煡鐪媌ody鍏冪礌鏄惁璁剧疆浜 {height:100%}锛屽畠浼氬奖鍝嶆粴鍔ㄤ簨浠躲€ * */ var ScrollAnimate = function (opt) { this.opt = opt || {}; this.className = this.opt.className || '.scroll-animate'; // 鑾峰彇闆嗗悎鐨刢lass this.animateClass = this.opt.animateClass || 'animated'; // 鍔ㄧ敾渚濊禆鐨刢lass this.elem = document.querySelectorAll(this.className); // 闇€瑕佹粴鍔ㄥ睍绀虹殑鍏冪礌 this.position = []; // 鎵€鏈夊厓绱犵殑offsetTop璺濈鏁扮粍 this.windowHeight = ('innerHeight' in window) ? window.innerHeight : document.documentElement.clientHeight; this.time = null; this.body = document.body; this.init(); }; ScrollAnimate.prototype = { getPosition:function () { var self = this; self.position.length = 0; // 閲嶇疆鏁扮粍 [].slice.call(self.elem).forEach(function (elem) { if(elem.classList.contains('father')){ var children = elem.querySelectorAll(elem.getAttribute('data-child')); var delay = parseFloat(elem.getAttribute('data-delay')); [].slice.call(children).forEach(function (obj,index) { obj.classList.add('animated'); obj.style.visibility = 'hidden'; if(obj.getAttribute('data-delay')){ obj.style.animationDelay = obj.getAttribute('data-delay') + 's'; }else{ obj.style.animationDelay = delay * index + 's'; } }) }else if(elem.classList.contains('font-fadeIn')){ elem.style.visibility = 'hidden'; }else{ elem.classList.add('animated'); } self.position.push(self.getOffsetTop(elem)); }); }, getOffsetTop:function(element){ var top; while (element.offsetTop === void 0) { element = element.parentNode; } top = element.offsetTop; while (element = element.offsetParent) { top += element.offsetTop; } return top; }, scrollEvent:function () { var self = this; self.body.classList.add('disable-hover'); clearTimeout(self.time); self.time = setTimeout(function () { self.body.classList.remove('disable-hover'); },100); var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; self.position.forEach(function (item,index) { var currentElem = self.elem[index]; var effect = currentElem.getAttribute('data-effect') || 'fadeInUp'; var Tclass = currentElem.getAttribute('data-Tclass') || 'go'; var flag = (scrollTop + self.windowHeight >item) ? true : false; // 鍒ゆ柇褰撳墠鍏冪礌鏄惁鏈塮ather锛屽緱鐭ュ皢鍔ㄧ敾搴旂敤鍒板綋鍓嶅厓绱犺繕鏄綋鍓嶅厓绱犲埌瀛愬厓绱犮€ if(currentElem.classList.contains('father')){ var children = currentElem.querySelectorAll(currentElem.getAttribute('data-child')); if(flag){ [].slice.call(children).forEach(function (item) { if(item.style.visibility == 'hidden'){ item.style.visibility = 'visible'; // 鍒ゆ柇鏄惁涓烘粴鍔ㄦ暟瀛楁晥鏋滅殑鍏冪礌 // 鏁板瓧婊氬姩鐨勬晥鏋滐紝榛樿閮芥斁鍦╢ather鐨勫鍣ㄩ噷锛屽洜涓鸿繖涓晥鏋滀竴鑸兘鏄涓悓鏃跺嚭鐜般€ if(item.classList.contains('count-up')){ //self.countUp(item,true); }else{ if(item.getAttribute('data-effect')){ item.classList.add(item.getAttribute('data-effect')); }else{ item.classList.add(effect); } } } }) }else{ [].slice.call(children).forEach(function (item) { if(item.style.visibility == 'visible'){ /*if(item.classList.contains('count-up')){ self.countUp(item,false); // 浼犲叆false锛屽憡璇夊嚱鏁版竻绌鸿鏃跺櫒銆 }*/ if(item.getAttribute('data-effect')){ item.classList.remove(item.getAttribute('data-effect')); }else{ item.classList.remove(effect); } item.style.visibility = 'hidden'; } }); } }else if(currentElem.classList.contains('font-fadeIn')){ // 鏂囧瓧娣″叆鍒版晥鏋 if(flag && currentElem.style.visibility == 'hidden'){ self.fontEffect(currentElem); }else if(!flag && currentElem.style.visibility == 'visible'){ currentElem.style.visibility = 'hidden' } }else if(currentElem.classList.contains('classGo')){ //婊氬姩鍒颁綅缃坊鍔犲姩鐢荤被 if(flag){ currentElem.style.visibility = 'visible'; currentElem.classList.add(Tclass); }else{ if(currentElem.style.visibility == 'visible'){ currentElem.classList.remove(Tclass); currentElem.style.visibility = 'hidden'; } } }else{ if(flag){ currentElem.style.visibility = 'visible'; currentElem.classList.add(effect); currentElem.style.animationDelay = currentElem.getAttribute('data-delay') + 's'; }else{ if(currentElem.style.visibility == 'visible'){ currentElem.classList.remove(effect); currentElem.style.visibility = 'hidden'; } } } }) }, countUp:function (elem,isTrue) { // 鏁堟灉涓嶇悊鎯筹紝鏀惧純浜嗐€ if(isTrue){ elem.innerHtml = ''; var time = elem.getAttribute('data-time'); var sum = elem.getAttribute('data-text'); var speed = Math.ceil(time / 100); var increment = Math.round(sum / speed); var number = 1; elem.timer = setInterval(function () { if(number < sum){ number += increment; elem.innerText = number; }else{ elem.innerText = sum; clearInterval(elem.timer); } },100); console.log(speed); }else{ console.log('娓呯┖瀹氭椂鍣?); clearInterval(elem.timer); } }, fontEffect:function (elem) { var array = elem.getAttribute('data-text').split(''); var delay = elem.getAttribute('data-delay'); var effect = elem.getAttribute('data-effect') || 'fadeIn'; elem.innerHTML = ''; var Fragment = document.createDocumentFragment(); array.forEach(function (item,i) { var span = document.createElement("font"); span.className='animated'; span.classList.add(effect); if(delay){ span.style.animationDelay = delay * i + 's'; }else{ span.style.animationDelay = 0.1 * i + 's'; } span.innerText = item; Fragment.appendChild(span); }); elem.style.visibility = 'visible'; elem.appendChild(Fragment); }, init:function () { var self = this; if(self.elem.length < 1){ console.log('婊氬姩鍔ㄧ敾瀵硅薄闆嗗悎涓洪浂'); return; } self.scrollEvent = self.scrollEvent.bind(this); setTimeout(function () { self.getPosition(); // 鑾峰彇姣忎釜鍏冪礌鐨勪綅缃紝瀛樻斁鍦ㄤ竴涓暟缁勩€ self.scrollEvent(); var _scrollEvent = throttlePro(self.scrollEvent,100,300); document.addEventListener('scroll',_scrollEvent,false); // 鏀瑰彉绐楀彛澶у皬锛岄噸鏂板垵濮嬪寲涓€浜涙暟鎹 window.onresize = function () { //console.log('resize the window'); throttle(function () { self.windowHeight = ('innerHeight' in window) ? window.innerHeight : document.documentElement.clientHeight; self.getPosition(); self.scrollEvent(); }) }; },0); } }; setTimeout(function () { $.scrollAnimate = ScrollAnimate; },1); })(alan); // 鍑芥暟鎴祦 function throttle(method,context){ clearTimeout(method.tId); method.tId = setTimeout(function(){ method.call(context); },500); } function throttlePro(fn, delay, mustRunDelay){ var timer = null; var t_start; return function(){ var context = this, args = arguments, t_curr = +new Date(); clearTimeout(timer); if(!t_start){ t_start = t_curr; } if(t_curr - t_start >= mustRunDelay){ fn.apply(context, args); t_start = t_curr; } else { timer = setTimeout(function(){ fn.apply(context, args); }, delay); } }; } //鑿滃崟娣诲姞婵€娲绘潯 (function($) { $.fn.lavaLamp = function(o) { o = $.extend({ fx: "linear", speed: 500, click: function() {} }, o || {}); return this.each(function() { var b = $(this), noop = function() {}, $back = $('
').appendTo(b), $li = $("li", this), curr = $("li.current-cat", this)[0] || $($li[0]).addClass("current-cat")[0]; $li.not(".back").hover(function() { move(this) }, noop); $(this).hover(noop, function() { move(curr) }); $li.click(function(e) { setCurr(this); return o.click.apply(this, [e, this]) }); setCurr(curr); function setCurr(a) { $back.css({ "left": a.offsetLeft + "px", "width": a.offsetWidth + "px" }); curr = a } function move(a) { $back.each(function() { $(this).dequeue() }).animate({ width: a.offsetWidth, left: a.offsetLeft }, o.speed, o.fx) } }) } })(jQuery); ;(function ($) { var Marqueen = function (opt) { this.opt = opt || {}; this.elem = document.querySelector(this.opt.className); this.speed = this.opt.speed || 20; this.isStep = this.opt.isStep; this.ul = this.elem.querySelector('ul'); this.liHeight = this.elem.querySelector('li').offsetHeight; this.ulHeight = this.ul.offsetHeight * -1; this.y = 0; this.interval = null; this.timeout = null; this.reg=/\-?[0-9]+/g; //this.reg2=/\-?[0-9]+\.?[0-9]*/g; //鍙兘鍖呭惈灏忔暟鐐圭殑 this.init(); }; Marqueen.prototype = { move:function () { var self = this; self.y --; self.ul.style.webkitTransform='translateY('+self.y+'px)'; var nowY = self.ul.style.webkitTransform.match(self.reg)[0]; if(self.isStep && ((-nowY) % (-self.liHeight) ===0)){ clearInterval(self.interval); self.interval = null; self.timeout = setTimeout(function(){ self.interval = setInterval(self.move,self.speed); },2000); } if(nowY == self.ulHeight){ self.y = 0; self.ul.style.transform='translateY(0px)'; } }, init:function () { var self = this; self.move = self.move.bind(self); self.ul.innerHTML += self.ul.innerHTML; self.interval = setInterval(self.move,self.speed); self.elem.onmouseover = function(){ clearInterval(self.interval); self.interval = null; clearTimeout(self.timeout); }; self.elem.onmouseout = function(){ if(self.interval == null){ self.interval = setInterval(self.move,self.speed) } }; } }; $.Marqueen = Marqueen; })(alan); // 鏂伴椈鏍囬婊氬姩鏁堟灉 function marqueen(elem,type,speed){ var wrap = document.querySelector(elem); var list = wrap.getElementsByClassName('list')[0]; var t = null; var t2 = null; var liHeight = list.getElementsByTagName('li')[0].offsetHeight; var listHeight = list.offsetHeight; var flag = type; wrap.innerHTML += wrap.innerHTML; function move() { wrap.scrollTop++; if (flag && wrap.scrollTop % liHeight === 0) { clearInterval(t); t2 = setTimeout(function(){ t = setInterval(move,speed); },2000); } if (wrap.scrollTop === listHeight) { wrap.scrollTop = 0; } } t = setInterval(move,speed); wrap.onmouseover = function(){ clearInterval(t); clearTimeout(t2); }; wrap.onmouseout = function(){ t = setInterval(move,speed) }; } function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; } } // 鑷畾涔夋粴鍔ㄦ潯 (function($){ function ScrollBar(opt){ this.opt = opt || {}; this.scrollBox = document.getElementsByClassName(this.opt.elem)[0]; this.scrollBar = this.scrollBox.getElementsByClassName('scroll-bar')[0]; this.scrollBtn = this.scrollBox.getElementsByClassName('scroll-btn')[0]; this.scrollCon = this.scrollBox.getElementsByClassName('scroll-con')[0]; this.scrollBtnHeight = this.scrollBtn.offsetHeight; // 鎸夐挳鐨勯珮搴 this.scrollBoxHeight = this.scrollBox.offsetHeight; // 瀹瑰櫒鐨勯珮搴 this.scrollBarHeight = this.scrollBoxHeight; // 婊氬姩鏉$殑楂樺害 this.scrollConHeight = this.scrollCon.scrollHeight - this.scrollBoxHeight; // 鏂囩珷鍙互婊氬姩鍐呭楂樺害 this.MAXDIS = this.scrollBarHeight - this.scrollBtnHeight; // 鍙嫋鍔ㄦ渶澶ц窛绂 this.scrollBarPosition = this.scrollBar.getBoundingClientRect().top; // 婊氬姩鏉″熀浜庢枃妗g殑Y璺濈 this.mouseClickPosition; // 榧犳爣鐐瑰嚮鍦ㄦ寜閽殑璺濈 this.init(); } ScrollBar.prototype = { scrollTop:function(dis){ var self = this; var _scrollTop = dis * self.scrollConHeight / self.MAXDIS; self.scrollCon.scrollTop = _scrollTop; }, atuoMoveBtn:function(scrollTop){ var self = this; var _moveY = scrollTop * self.MAXDIS / self.scrollConHeight; self.scrollBtn.style.top = _moveY + 'px'; }, mouseMoveEvent:function(event){ var self = this; var dis = event.clientY - self.scrollBarPosition - self.mouseClickPosition; // 闄愬埗鑼冨洿 dis > self.MAXDIS && (dis = self.MAXDIS); dis < 0 && (dis = 0); self.scrollBtn.style.top = dis + 'px'; self.scrollTop(dis); }, mouseUpEvent:function(event){ var self = this; self.scrollCon.classList.remove('scrolling'); document.removeEventListener('mousemove',self._MoveEvent,false); document.removeEventListener('mouseup',self._UpEvent,false); }, wheelEvent:function(event){ var self = this; var e = event || window.event; var deltaY = e.deltaY * -30 || // wheel 浜嬩欢 e.wheelDeltaY/4 || // mousewheel 浜嬩欢 chrome (e.wheelDeltaY === undefined && // 濡傛灉娌℃湁2D灞炴€ e.wheelDelta/4) || // 閭d箞灏辩敤1D鐨勬粴杞睘鎬 e.detail * -10 || // firefox鐨凞OMMouseScroll浜嬩欢 0 ; // 灞炴€ф湭瀹氫箟 if ($.isMacWebkit) { deltaY /= 30; } if ($.isFirefox && e.type !== "DOMMouseScroll") { self.scrollCon.removeEventListener('DOMMouseScroll',self._wheelEvent,false); } if(!e.ctrlKey){ if(deltaY > 0){ //console.log(deltaY); self.scrollCon.scrollTop -= 20; }else{ self.scrollCon.scrollTop += 20; } self.atuoMoveBtn(self.scrollCon.scrollTop); } e.preventDefault(); e.stopPropagation(); }, init:function(){ this._MoveEvent = this.mouseMoveEvent.bind(this); this._UpEvent = this.mouseUpEvent.bind(this); this._wheelEvent = this.wheelEvent.bind(this); var self = this; // 鎷栧姩婊氳疆鐨勪簨浠 self.scrollBtn.onmousedown = function(event){ var e = event || window.event; // 姣忔鐐瑰嚮閮借幏鍙栦竴娆℃寜閽綅缃紝浠ュ緱鍒伴紶鏍囦笌鎸夐挳椤堕儴鐨勮窛绂 var scrollBtnPosition = this.offsetTop; self.mouseClickPosition = e.clientY - self.scrollBarPosition - scrollBtnPosition; self.scrollCon.classList.add('scrolling'); // 闃叉鎷栧姩鐨勬椂鍊欓€変腑鏂囧瓧 document.addEventListener('mousemove',self._MoveEvent,false); document.addEventListener('mouseup',self._UpEvent,false); }; // 婊氬姩鍐呭鐨勪簨浠 self.scrollCon.addEventListener('mousewheel',self._wheelEvent,false); // firefox if ($.isFirefox) { self.scrollCon.addEventListener('DOMMouseScroll',self._wheelEvent,false); } } }; $.ScrollBar = ScrollBar; })(alan); // 寮圭獥 var sharonTips = { toast:function(message) { var toast = document.createElement('div'); toast.className = 'sharonTips-toast anim-bounceInOut'; toast.innerHTML = message; document.body.appendChild(toast); toast.style.marginLeft = -parseInt(toast.offsetWidth/2) + 'px'; toast.addEventListener('webkitAnimationEnd', function() { toast.parentNode && toast.parentNode.removeChild(toast); }); }, createBox:function(exclusiveClass,opt){ sharonTips.createShade(); // 寮圭獥 var sharonTipBox = document.createElement('div'); sharonTipBox.className = exclusiveClass +' sharonTips anim-bounceIn'; // 鏍囬 var titleTxt = opt.title || '淇℃伅'; var title = '
'+titleTxt+'
'; sharonTipBox.innerHTML = title; // 鍐呭 var content = document.createElement('div'); content.className = 'sharonTips-content'; // 璇存槑鏄闂脊绐 if(exclusiveClass === 'sharonTips-confirm'){ opt.message && (content.innerHTML = opt.message); } // 璇存槑鏄緭鍏ュ脊绐 if (exclusiveClass === 'sharonTips-prompt') { var _input = document.createElement('input'); if (opt.inputType) { _input.type = opt.inputType; }else{ _input.type = 'text'; _input.value = ''; } content.appendChild(_input); } // 璇存槑鏄櫘閫氬脊绐 if (exclusiveClass === 'sharonTips-alert') { content.innerHTML = opt.html; } sharonTipBox.appendChild(content); // 鍏抽棴鎸夐挳 var closeBtn = ''; sharonTipBox.innerHTML += closeBtn; // 鎿嶄綔鎸夐挳 if(opt.btn){ var yesBtn = opt.btn[0] || '纭畾'; var noBtn = opt.btn[1] || '鍙栨秷'; var btn = '
'+yesBtn+''+noBtn+'
'; sharonTipBox.innerHTML += btn; } // 浣嶇疆 document.body.appendChild(sharonTipBox); if(opt.width){ sharonTipBox.style.width = opt.width + 'px'; sharonTipBox.style.marginLeft = -(opt.width / 2) + 'px'; } sharonTipBox.style.marginTop = -parseInt(sharonTipBox.offsetHeight/2) + 'px'; // 浜嬩欢 sharonTipBox.addEventListener('click',function(event){ var elem = event.target; if(elem.classList.contains('yesBtn')){ if (exclusiveClass === 'sharonTips-prompt') { // 杈撳叆寮圭獥闇€瑕侀獙璇 var _val = sharonTipBox.querySelector('input').value; if(_val && opt.Reg.test(_val)){ sharonTips.closeSharonTips(elem); opt.yes && opt.yes(); return true; }else{ sharonTips.toast('杈撳叆鏍煎紡涓嶆纭紒'); } return false; } sharonTips.closeSharonTips(elem); opt.yes && opt.yes(); } if(elem.classList.contains('noBtn')){ sharonTips.closeSharonTips(elem); opt.no && opt.no(); } if(elem.classList.contains('sharonTips-close')){ sharonTips.closeSharonTips(elem); opt.close && opt.close(); } event.preventDefault(); event.stopPropagation(); }); }, confirm:function(opt){ sharonTips.createBox('sharonTips-confirm',opt); }, prompt:function(opt){ sharonTips.createBox('sharonTips-prompt',opt); }, alert:function(opt){ sharonTips.createBox('sharonTips-alert',opt); }, closeSharonTips:function(elem){ //鍏抽棴绐楀彛 var SharonTips = elem.parentNode; while (!SharonTips.classList.contains('sharonTips')) { SharonTips = SharonTips.parentNode; } SharonTips.parentNode && SharonTips.parentNode.removeChild(SharonTips); sharonTips.removeShade(); }, createShade:function(){ // 鍒涘缓閬僵 if(!document.querySelector('.sharonTips-shade')){ var shade = document.createElement('div'); shade.className = 'sharonTips-shade'; document.body.appendChild(shade); } }, removeShade:function(){ // 鍏抽棴閬僵 var shade = document.querySelector('.sharonTips-shade'); shade && shade.parentNode && shade.parentNode.removeChild(shade); } }; // MAIN SECTOR HOVER GRADIENT function main_hover_gradient(){ var x, y, xy, radialGradientWebKit, radialGradient; var lightColor ="88,159,195"; var gradientSize = 300; var bg = "#364975"; if($(window).width() > 960) { $('.box').on({ mousemove : function(e) { x = e.pageX - $(this).offset().left; y = e.pageY - $(this).offset().top; xy = x + " " + y; radialGradientWebKit = "-webkit-gradient(radial, " + xy + ", 0, " + xy + ", "+gradientSize+", from(rgba("+lightColor+",0.8)), to(rgba("+lightColor+",0.0))), " + bg; //radialGradient = "radial-gradient(" + x + "px " + y + "px 45deg, circle, " + lightColor + " 0%, " + bg+ " " + gradientSize + "px)"; $(this).css({ background: radialGradientWebKit }); //$(this).css({ background: radialGradient }); }, mouseleave : function() { $(this).css('background','none'); }, click : function(){ window.location.href = $(this).find('.more_btn').attr('href'); } }); } } // 瑙嗛鎾斁鎸夐挳 鍦ㄦ寜閽厓绱犲姞涓 data-video='id' function playPause(btn) { var id = btn.getAttribute('data-video'); var video = document.getElementById(id); if(btn.getAttribute('data-hide') == 'true'){ btn.classList.add('hide'); } if (video.paused){ video.play(); video.controls = true; }else{ video.pause(); video.controls = false; } } // 瑕嗙洊鍚庡彴缂栬緫宸ュ叿寮哄埗鍔犵粰img鐨勬牱寮 $(function () { if($(window).width() < 800){ $('.article-img').find('img').height('auto').css('max-width','100%'); } }); var fullscreenElement = document.fullscreenElement || document.mozFullscreenElement || document.webkitFullscreenElement; var fullscreenEnabled = document.fullscreenEnabled || document.mozFullscreenEnabled || document.webkitFullscreenEnabled; // 瑙嗛鍏ㄥ睆浜嬩欢 function launchFullScreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if(element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else if(element.msRequestFullscreen) { element.msRequestFullscreen(); } } function makeVideoFull(elem,videoWidth,videoHeight) { var _w = $(window).width(); var _h = $(window).height(); if( _w/_h > videoWidth/videoHeight ) { elem.css({ width: _w, height: videoHeight * _w / videoWidth, marginTop: 0 - (videoHeight * _w / videoWidth - _h) / 2 }); }else { elem.css({ height: _h, width: videoWidth * _h / videoHeight, marginLeft: 0 - (videoWidth * _h / videoHeight - _w) / 2 }); } }