https://sgsg.cc/js/nav.js

1// JavaScript Document
2$(document).ready(function() {
3	
4	//点击导航外收起
5	$('html').click(function(){
6		$('.nav-btn').removeClass('nav-btn-show');
7		$('.body-box').removeClass('body-box-show');
8		$('.nav').removeClass('nav-show');
9		$('.lang dd').removeClass('lang-show');
10		$('.nav-bg-02').removeClass('nav-bg-02-show');
11		$('.footer-r dd').hide();
12		
13	})
14	//底部友情链接
15	$('.footer-link dt').click(function(){
16		$('.footer-link dd').toggle();
17	})
18	
19	
20	$('.search-btn-02').click(function(){
21		$('.search-btn-02 .iconfont').toggleClass('icon-search');
22		$('.search-btn-02 .iconfont').toggleClass('icon-nav-close');
23		$('.search-bd').toggleClass('search-bd-show');
24	})
25	
26	//语言切换
27	$('.lang dt').click(function(event){
28		event.stopPropagation();
29		$('.lang dd').toggleClass('lang-show');
30	});
31	
32	//菜单点击事件
33	$('.nav-btn').click(function(event){
34		event.stopPropagation();
35		$('body').animate({scrollTop:0},100);
36		$(this).toggleClass('nav-btn-show');
37		$('.body-box').toggleClass('body-box-show');
38		$('.nav').toggleClass('nav-show');
39		$('.lang dd').removeClass('lang-show');
40		$('.nav-bg-02').toggleClass('nav-bg-02-show');
41	});
42	$('.nav li').click(function(){
43		$('.lang dd').removeClass('lang-show');
44		if($('.nav-box .container').outerWidth()<960){
45		$(this).toggleClass('nav-on').siblings().removeClass('nav-on');
46		if($(this).hasClass('nav-on')){
47			$('.nav li div').slideUp(150);
48			$(this).find('div').slideToggle(150);
49		}else{
50			$(this).find('div').slideToggle(150);
51		}
52		}
53	});
54	
55	$('.nav li>a').each(function(){
56		if($(this).next('div').length>0){
57			$(this).attr('data-href',$(this).attr('href'));
58			$(this).attr('href','javascript:void(0)');
59		}
60	})
61	$('.nav li>a').click(function(){
62		if($('.nav-box .container').outerWidth()>=960){
63			if($(this).next('div').length>0){
64				 location.href = $(this).attr('data-href');
65			}
66		}
67	})
68	
69	$('.nav-box').click(function(event){
70		event.stopPropagation();
71		$('.lang dd').removeClass('lang-show');
72	});
73	
74	
75	$('.nav li').mouseenter(function(){
76		event.stopPropagation();
77		if($('.nav-box .container').outerWidth()>=960){
78			$('.nav li div').slideUp(50);
79			$(this).find('div').slideDown(100);
80			$('.nav li').removeClass('nav-on');
81			$(this).addClass('nav-on').siblings().addClass('nav-off');
82		}
83	});
84	
85	$('.nav li').mouseleave(function(){
86		event.stopPropagation();
87		if($('.nav-box .container').outerWidth()>=960){
88			$('.nav li div').slideUp(50);
89			$(this).removeClass('nav-on').siblings().removeClass('nav-off');
90		}
91	});
92
93
94
95//实用简易切换
96$('.tabs-box').each(function(){
97	$(this).find('.hd>*').eq(0).addClass('on');
98	$(this).find('.bd>*').eq(0).show().siblings().hide();
99	$(this).find('.bdl>*').eq(0).show().siblings().hide();
100})
101	$('.tabs-box .hd>*').click(function(){
102		$(this).addClass('on').siblings().removeClass('on');
103		$(this).parents('.tabs-box').find('.bd>*').eq($(this).index()).show().siblings().hide();
104		$(this).parents('.tabs-box').find('.bdl>*').eq($(this).index()).show().siblings().hide();
105	})
106	
107
108
109//新闻字体
110    $('.zt-d').click(function(){
111    	$('.news-cont').addClass('news-d');
112    	$('.news-cont').removeClass('news-z');
113    	$('.news-cont').removeClass('news-x');
114    })
115    
116    $('.zt-z').click(function(){
117    	$('.news-cont').removeClass('news-d');
118    	$('.news-cont').addClass('news-z');
119    	$('.news-cont').removeClass('news-x');
120    })
121    
122    $('.zt-x').click(function(){
123    	$('.news-cont').removeClass('news-d');
124    	$('.news-cont').removeClass('news-z');
125    	$('.news-cont').addClass('news-x');
126    })
127    
128
129    
130//浏览器版本提示
131myBrowser();
132var tips ="<div style=' position: relative; z-index: 999999; text-align: center; width: 100%; line-height: 30px; background: #ffee99; color: #ff0000; border-bottom: solid 1px #ff0000;'>您当前的浏览器版本过低，网站部分功能将无法正常显示，请更新您的浏览器。</div>";
133if (myBrowser() == "FF") {
134    
135}
136if (myBrowser() == "Opera") {
137   
138}
139if (myBrowser() == "Safari") {
140    
141}
142if (myBrowser() == "IE55") {
143    $("body").prepend(tips);
144}
145if (myBrowser() == "IE6") {
146    $("body").prepend(tips);
147}
148if (myBrowser() == "IE7") {
149    $("body").prepend(tips);
150}
151if (myBrowser() == "IE8") {
152    $("body").prepend(tips);
153}
154});
155
156
157
158
159
160
161$(window).resize(function() {
162	
163});
164
165$(window).load(function() {
166	
167});
168//浏览器版本判断
169	function myBrowser(){
170    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
171    var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
172    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
173    var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
174    var isSafari = userAgent.indexOf("Safari") > -1; //判断是否Safari浏览器
175    if (isIE) {
176        var IE5 = IE55 = IE6 = IE7 = IE8 = false;

177        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
178        reIE.test(userAgent);
179        var fIEVersion = parseFloat(RegExp["$1"]);
180        IE55 = fIEVersion == 5.5;
181        IE6 = fIEVersion == 6.0;
182        IE7 = fIEVersion == 7.0;
183        IE8 = fIEVersion == 8.0;
184        if (IE55) {
185            return "IE55";
186        }
187        if (IE6) {
188            return "IE6";
189        }
190        if (IE7) {
191            return "IE7";
192        }
193        if (IE8) {
194            return "IE8";
195        }
196    }//isIE end
197    if (isFF) {
198        return "FF";
199    }
200    if (isOpera) {
201        return "Opera";
202    }
203}
204