https://navchina.com/js/public.js

1$(function () {
2    $('#header').load('header.aspx');
3    $('.footer').load('footer.aspx');
4    $('.mainFooter').load('footer.aspx');
5    $('.sidenav').load('sidenav.aspx');
6})
7
8
9
10// $(function () {
11//     // 二级导航
12//     var m_time2 = 400,
13//         $lis_t2 = $('.subnav_til>ul>li'),//li元素
14//         $h_t2 = $('.nav_point-t2'),//滑块
15//         $nav_ul2 = $('.subnav_til>ul');//ul元素
16//     nav_point2(m_time2, $lis_t2, $h_t2, 15, $nav_ul2);
17
18//     // 公用导航方法(速度,导航目标,下标条,初始左偏移,目标离开)
19//     function nav_point2(m_time, $lis, $h, on_l, $nav_ml) {
20//         // 初始化位置
21//         if ($h.length == 1) {
22//             var li_on = $lis.has('.on').position().left;
23//             $h.stop().animate({ 'left': li_on, width: $lis.has('.on').width() });
24//             // 鼠标hover
25//             $lis.hover(function () {
26//                 $h.stop().animate({
27//                     width: $(this).width(),
28//                     'left': $(this).offsetParent().context.offsetLeft
29//                 }, m_time);
30//             });
31//         }
32//         // 鼠标离开
33//         $nav_ml.mouseleave(function () {
34//             $h.stop().animate({ 'left': li_on, width: $lis.has('.on').width() });
35//         });
36//     };
37// });
38if ($(".subNav .subnav_til .on").length) {
39    setSlip(".subNav .subnav_til .nav_point-t2", ".subNav .subnav_til .on", ".subNav .subnav_til");
40}
41function setSlip(lump, liOn, nav) {
42    $(lump).css({
43        'width': $(liOn).width(),
44        'left': parseInt($(liOn).position().left) + 'px'
45    });
46
47    $(nav).find("li").mouseenter(function () {
48        $(lump).stop().animate({
49            width: $(this).width(),
50            left: parseInt($(this).position().left) + 'px'
51        }, 300);
52    });
53
54    $(nav).mouseleave(function () {
55        $(lump).stop().animate({
56            width: $(liOn).width(),
57            left: parseInt($(liOn).position().left) + 'px'
58        }, 600);
59    });
60};
61function hoverNav(nav_li, nav_padding, nav_subline) {
62    console.log('public.js ---');
63
64    if ($('.wrap .nav .dl a.on').length > 0) {
65        begin_left = $('.wrap .nav .dl a.on').parents(".dl").position().left;
66        begin_width = $('.wrap .nav .dl a.on').width();
67    }
68    else {
69        begin_left = $('.wrap .nav .dl a:eq(0)').parents(".dl").position().left;
70        begin_width = $('.wrap .nav .dl a:eq(0)').width();
71    }
72    nav_subline.css({ "width": begin_width + "px", "left": begin_left + "px" });
73    nav_li.mouseover(function () {
74        var hover_width = $(this).width();
75        var hover_left = $(this).parents(".dl").position().left;
76        nav_subline.stop().animate({ "width": hover_width + "px", "left": hover_left + "px" })
77    })
78    $("#header").mouseleave(function () {
79        nav_subline.stop().animate({ "width": begin_width + "px", "left": begin_left + "px" })
80    })
81}
82
83//新闻tab 
84function tab(a) {
85    var ww = $(a).find('li').eq(0).width()
86    $(a).next('.xian').width(ww) //设置线默认的长度
87
88    $(a).children().mouseover(function () { //触发方式//click//mouseover
89        $(this).siblings().removeClass();
90        $(this).addClass('hover');
91        $(this).parent().siblings('.tab-box').hide();
92        $(this).parent().siblings('.tab-box').eq($(this).index()).show();
93
94        var w = $(this).width();
95        var i = $(this).position().left;
96
97        $(this).siblings().removeClass();
98        $(this).addClass('hover');
99
100        $(a).next('').animate({ left: i, width: w });
101    })
102
103}
104$(function () {
105    tab('.tab1');
106    tab('.tab2');
107})
108
109
110$(function () {
111    $('#share').click(function () {
112        if ($('.share-list').is(':hidden')) {
113            $('.share-list').stop().fadeIn(500);
114        } else {
115            $('.share-list').stop().fadeOut(500);
116        }
117    });
118    $('.share-list,#share ').click(function (e) {
119        e.stopPropagation();
120    })
121    $('body').click(function () {
122        $('.share-list').fadeOut();
123    })
124
125});
126
127
128
129function nav_point21(m_time, $lis, $h, on_l, $nav_ml) {
130    // 初始化位置
131    if ($h.length == 1) {
132        var li_on = $lis.position().left;
133        $h.stop().animate({ 'left': li_on, width: $lis.eq(0).width() });
134        // 鼠标hover
135        $lis.hover(function () {
136            $h.stop().animate({
137                width: $(this).width(),
138                'left': $(this).offsetParent().context.offsetLeft
139            }, m_time);
140            $(this).addClass("act").siblings().removeClass("act");
141        });
142    }
143    // 鼠标离开
144    //					$nav_ml.mouseleave(function(){
145    //						$h.stop().animate({'left':li_on,width:$lis.has('.on').width()});
146    //					});

147};
148
149$(function(){
150	$('.mask2').click(function (e) {
151		var win_w = $(window).width();
152			win_left = $('body').width();
153			win_mrle = (win_w - win_left) / 2;
154
155		$('.sidenav').removeClass('sidenav_active');
156		$(this).removeClass('sidenav_on');
157		$('body').animate({'margin-left':win_mrle})
158		$('.mask2').stop().fadeOut();
159		e.stopPropagation();
160	})
161
162
163	$('.sidenav').on('click',function(e){
164		e.stopPropagation();
165	})
166})
167
168
169//var bus1ChinaMap_i = [[0,0],[293,210],[240,239],[289,202],[290,211],[245,238],[198,219],[198,219],[0,0]]  // [ top , left ]
170//$('.bus1_nav .basicCon>li').click(function () {
171//    var tInd = $(this).index();
172//    $('.bus1ChinaMapCom>em').hide();
173//    $('.bus1ChinaMapCom>i').hide();
174//    if(tInd ==0 || tInd == 6){
175//        $('.bus1ChinaMapCom>em').show();
176//    }
177//    else{
178//       $('.bus1ChinaMapCom>i').show().css({'top':bus1ChinaMap_i[tInd][0]+'px','left':bus1ChinaMap_i[tInd][1]+'px'});
179//    }
180//})
181
182
183
184
185
186
187