master

分支 (1)

管理

管理

master

yuanchuang
/
header1.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate">
		<meta HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
		<meta HTTP-EQUIV="expires" CONTENT="0">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/rem.js" ></script>
	  	<link rel="icon" href="img/favicon.png">
	  	<link rel="stylesheet" type="text/css" href="css/asideTool.css?v=8.4.0"/>
	  	<link rel="stylesheet/less" type="text/css" href="css/nav.less?v=8.5.0" />
	  	<link rel="stylesheet" type="text/css" href="css/reset.css?v=7.9.91"/>
	  	<script type="text/javascript" src="js/less.js?v=8.3.0" ></script>
	  	<script type='text/javascript' src='js/coom.js?v=8.3.0' ></script>
	  	<script>
			var _hmt = _hmt || [];
			(function() {
			  var hm = document.createElement("script");
			  hm.src = "https://hm.baidu.com/hm.js?e06dc4114ad7e9313a169b1021af0a76";
			  var s = document.getElementsByTagName("script")[0];
			  s.parentNode.insertBefore(hm, s);
			})();
			var str='<link href="css/join.less?'+Math.random()+'" rel="stylesheet/less" type="text/css"/>';
			document.write(str);

		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
			  var hm = document.createElement("script");
			  hm.src = "https://hm.baidu.com/hm.js?4f24ddcc006b0de79ef2770502c1c276";
			  var s = document.getElementsByTagName("script")[0];
			  s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</head>
	<body>
		<div class="newNav">
			<div class="newNavDiv">
				<div class="newNavDivLeft">
					<img src="img/logo1.png"/>
				</div>
				<div class="newNavDivCenter">
					<ul>
						<li data-page="index">软件下载</li>
					</ul>
				</div>
				<div class="newNavDivCenterRight">
					<ul>
						<!-- <li><a href="https://mishukeji.tmall.com/?spm=a220o.1000855.1997427721.d4918089.4b986e61V918Nt" target="_blank"> 天猫</a></li>
						<li><a href="https://mall.jd.com/index-10306443.html?from=pc" target="_blank"> 京东</a></li> -->
					</ul>
				</div>

				<div class="clearBoth"></div>
			</div>
		</div>
		<script>
			$(function(){
				$('.newNavDivCenter>ul>li').each(function(){
					if(location.href.indexOf($(this).attr('data-page')) !=-1){
						$(this).css('color','#fff')
					}
				})
				$('.wps-m4pro').click(function(){
					window.open('down_wps_m4.html')
				})
				$('.wps-s5pro').click(function(){
					window.open('down_wps_s5.html')
				})
				$('.haier').click(function(){
					window.open('https://haier.mimouse.com/')
				})
				$('.xiaoxin').click(function(){
					window.open('down_xiaoxin.html')
				})
				$('.haoshuai').click(function(){
					window.open('http://host.mimouse.net')
				})
			})
			if(location.href.indexOf('down.html')>-1||location.href.indexOf('down_other.html')>-1||location.href.indexOf('down_domestic.html')>-1||location.href.indexOf('products.html')>-1||location.href.indexOf('video.html')>-1||location.href.indexOf('question.html')>-1){
				$('.asideToolNew').hide()
				$('.rightSideWrap').show()
			}
			if(location.href.indexOf('recordpage.html')>-1){
				$('.asideToolNew').hide()
				$('.rightSideWrap').hide()
			}
			$('.weichatIcon').click(function(){
				window.open('case.html')
			})
			$('.toTop').click(function(){
				$(window).scrollTop(0);
			})
			$('.closeCode').click(function(e){
				e.stopPropagation();
				$(this).parent().fadeOut()
			})

			$('.gotoLogin').click(function(){
				location.href = 'https://login.mimouse.com/mslogin.html ';
			})
			$('.gotoRegister').click(function(){
				location.href = 'https://login.mimouse.com/msregister.html';
			})
			$('#productsDiv').hover(function(){
				let oWidth = document.body.clientWidth || document.documentElement.clientWidth;
				let leftDistence = (oWidth/2)-($('.hoverDiv').width()/2)
				$('.productsDivHover').css({"position":"fixed","z-index":"900","left":leftDistence+'px'})
				$('.productsDivHover').stop().animate({"height":"24rem"},400);
			},function(){
				$('.productsDivHover').stop().animate({"height":"0rem"},0)
			})
			$('#solveDiv').hover(function(){
				let oWidth = document.body.clientWidth || document.documentElement.clientWidth;
				let leftDistence = (oWidth/2)-($('.hoverDiv').width()/2)
				$('.solveDivHover').css({"position":"fixed","z-index":"900","left":leftDistence+'px'})
				$('.solveDivHover').stop().animate({"height":"24rem"},400)
			},function(){
				$('.solveDivHover').stop().animate({"height":"0rem"},0)
				$('body').css('overflow-y','auto')
			})
			$('#joinDiv').hover(function(){
				let oWidth = document.body.clientWidth || document.documentElement.clientWidth;
				let leftDistence = (oWidth/2)-($('.hoverDiv').width()/2)
				$('.joinDivHover').css({"position":"fixed","z-index":"900","left":leftDistence+'px'})
				$('.joinDivHover').stop().animate({"height":"24rem"},400)
			},function(){
				$('.joinDivHover').stop().animate({"height":"0rem"},0)
				$('body').css('overflow-y','auto')
			})
			$('#softDiv').hover(function(){
				let oWidth = document.body.clientWidth || document.documentElement.clientWidth;
				let leftDistence = (oWidth/2)-($('.hoverDiv').width()/2)
				$('.softDivHover').css({"position":"fixed","z-index":"900","left":leftDistence+'px'})
				$('.softDivHover').stop().animate({"height":"24rem"},400)
			},function(){
				$('.softDivHover').stop().animate({"height":"0rem"},0)
				$('body').css('overflow-y','auto')
			})
			$('.productItemDiv>a').mouseleave(function(e){
				$('.showHoverImg').css({"display":"none"});
			});
			$('.productsWrap>a').mouseleave(function(e){
				$('.showHoverImg').css({"display":"none"});
			});
			$('.productItemDivType>a').mouseleave(function(e){
				$('.showHoverImg').css({"display":"none"});
			});
			$('.productItemDiv>a').mousemove(function(e){
				$('.productItemDivShow>img').attr('src',$(this).children('img').attr('src'));
				$('.showHoverImg').css({"display":"block","top":(e.clientY+30+"px"),"left":(e.clientX+30+"px")});
				$('.showHoverImg').children('img').attr('src',$(this).children('img').attr('src'))
			})
			$('.productsWrap>a').mousemove(function(e){
				$('.productItemDivShow>img').attr('src',$(this).children('img').attr('src'));
				$('.showHoverImg').css({"display":"block","top":(e.clientY+30+"px"),"left":(e.clientX+30+"px")});
				$('.showHoverImg').children('img').attr('src',$(this).children('img').attr('src'))
			});

			$('.productItemDivType>a').mousemove(function(e){
				$('.productItemDivShow>img').attr('src',$(this).children('img').attr('src'));
				$('.showHoverImg').css({"display":"block","top":(e.clientY+30+"px"),"left":(e.clientX+30+"px")});
				$('.showHoverImg').children('img').attr('src',$(this).children('img').attr('src'))
			})
			$('.newNavDivCenter>ul>li').click(function(){
				if ($(this).attr('data-page')) {

					if($(this).attr('data-page') == 'userRules'){
						window.open($(this).attr('data-page')+'.html')
					}
					else if($(this).attr('data-page') == 'connectUs'){
						$(document).scrollTop($(document).height());
					}
					else{
						location.href = $(this).attr('data-page')+'.html'
					}
				}

			})
			$(document).scroll(function(e){
				$('.showHoverImg').css({"top":(e.clientY+30+"px"),"left":(e.clientX+30+"px")});
				if ($(document).scrollTop()>0) {
					var box = window.location.pathname;
					var boxarr=[];
					var pos = box.indexOf('/');
					while(pos>-1){
						boxarr.push(pos);
						pos= box.indexOf('/',pos+1);
					};
					let sindex = boxarr[boxarr.length-1];
					let eindex = box.indexOf('.')
					let navName = box.substring(sindex+1,eindex);
//					console.log(navName)
					let exceptArr=['K','K_D','S','S_D','S2','S2_D','S3','S3_D','S5','S5_D','M1','M1_D','G1','G1_D','GM','GM_D','P1','P1_D','X','X_D','Spro','Spro_D','news','KB1','KB1_D','S5B','S5B_D','S6B','S6B_D','S7B','S7B_D','S2pro','S2pro_D','S2B','S2B_D','M4','M4_D','M5','M5_D','M5Pro','M5Pro_D','M4Pro','M4Pro_D','S5','S5Pro','S5Pro_D','WPS_S5Pro','WPS_S5Pro_D','WPS_M4Pro','WPS_M4Pro_D','KB5Pro','KB5Pro_D','S7Pro','S7Pro_D','MK1','MK1_D','M4AI','M4AI_D','M5AI','M5AI_D','S5AI','S5AI_D'];
					if (exceptArr.indexOf(navName)==-1) {
						let oWidth = document.body.clientWidth || document.documentElement.clientWidth;
						let leftDistence = (oWidth/2)-($('.newNav').width()/2)
						$('.newNav').css({"position":"fixed","z-index":"900","left":leftDistence+'px'})
					}
					else{
						$('.productsDivHover').stop().animate({"height":"0rem"},0)
						$('.solveDivHover').stop().animate({"height":"0rem"},0)
						$('.joinDivHover').stop().animate({"height":"0rem"},0)
						$('.softDivHover').stop().animate({"height":"0rem"},0)
					}

				}
				else{
					$('.newNav').css({"position":"static","z-index":"900"})
					$('#body').css({"padding-top":"0px"})
				}
			})
		</script>
	</body>
</html>