網站首頁
聯系我們
ENGLISH
- 網站首頁
- 潤滑產品
- 寶騰文化
- 新聞簡報
- 聯系我們
-
$(function () {
var clientWidth = document.documentElement.clientWidth;
if (clientWidth >= 1500) {
pcEvent()
pcSwiper()
return false;
}
if (clientWidth < 1500 && clientWidth > 782) {
pcEvent()
phoneMenu()
pcSwiper()
return false;
}
if (clientWidth <= 782) {
phoneMenu()
phoneSwiper()
return false;
}
function pcEvent() {
$('.part4>.typeArea>.item')
.mouseenter(function () {
$(this).addClass('current')
$(this).siblings().addClass('uncurrent')
})
.mouseleave(function () {
$(this).removeClass('current')
$(this).siblings().removeClass('uncurrent')
});
$('.navigation>div')
.mouseenter(function () {
if ($(this).children('.hideMenu').hasClass('show')) {
$(this).children('.hideMenu').removeClass('show');
return false;
}
$(this).children('.hideMenu').addClass('show')
})
.mouseleave(function () {
$(this).children('.hideMenu').removeClass('show')
});
var reg = /oW/g;
var old1;
$('.indexBanner .publicStyle')
.mouseenter(function () {
old1 = $(this).attr('src');
var newUrl = $(this).attr('src').replace(reg, 'oL');
$(this).attr('src', newUrl);
})
.mouseleave(function () {
$(this).attr('src', old1)
})
var reg2 = /wR/g;
var old2;
$('.chinaMap .publicBtn')
.mouseenter(function () {
old2 = $(this).find('img').attr('src');
console.log(old2)
var newUrl = $(this).find('img').attr('src').replace(reg2, 'oR');
$(this).find('img').attr('src', newUrl);
})
.mouseleave(function () {
$(this).find('img').attr('src', old2)
})
}
function pcSwiper() {
var str='公司有完善的服務網絡，在全國各地設有辦事處。
分別為：東莞總部、昆山辦事處、天津辦事處、沈陽辦事處、濟南辦事處、西安辦事處'; var str2='公司憑借14年的銷售經驗，產品現已銷往國內的各個城市，并且公司全力拓展國外市場。
現產品已銷往德國、英國、俄羅斯、美國、日本、加拿大、土耳其、巴西、墨西哥、印尼、越南、印度、捷克、阿聯酋等國家'; var specSwiper=new Swiper('.mapSwiper .swiper-container',{ on:{ slideChange: function(){ if(this.activeIndex == 0){ $('.chinaMap .typeArea .titleContain .title').text('服務網絡介紹'); $('.chinaMap .typeArea .titleContain .contain').html(str); } if(this.activeIndex == 1){ $('.chinaMap .typeArea .titleContain .title').text('銷售網絡介紹'); $('.chinaMap .typeArea .titleContain .contain').html(str2); } }, }, }); $('.chinaMap .publicBtn.left').click(function(){ specSwiper.slidePrev(); $('.chinaMap .typeArea .titleContain .title').text('服務網絡介紹'); $('.chinaMap .typeArea .titleContain .contain').html(str); }); $('.chinaMap .publicBtn.right').click(function(){ specSwiper.slideNext(); $('.chinaMap .typeArea .titleContain .title').text('銷售網絡介紹'); $('.chinaMap .typeArea .titleContain .contain').html(str2); }); new Swiper('.indexBanner .swiper-container', { autoplay: true, pagination: { el: '.indexBanner .swiper-pagination', }, navigation: { nextEl: '.indexBanner .right', prevEl: '.indexBanner .left', }, }); } function phoneMenu() { $('.leftContain>ul').click(function () { if ($(this).hasClass('active')) { $(this).removeClass('active'); $('.phoneMenu').removeClass('current'); return false; } $(this).addClass('active'); $('.phoneMenu').addClass('current'); }); $(".phoneMenu .navv > li").click(function () { var $otherSub = $(this).siblings().children(".sub"); var $sub = $(this).children(".sub"); if ($(this).hasClass('current')) { $(this).removeClass('current'); $sub.slideUp(); $(this).css({ 'border-bottom': '1px solid hsla(0,0%,72%,.5)', 'padding-bottom': '25px' }); return false; } if ($(this).children().length == 0) { return false; } $sub.slideDown(); $otherSub.slideUp(); $(this).addClass("current"); $(this).siblings().removeClass("current"); $(this).siblings().css({ 'border-bottom': '1px solid hsla(0,0%,72%,.5)', 'padding-bottom': '25px' }); $(this).css({ 'border': 'none', 'padding-bottom': '0' }); }); $('.phoneMenu .sub>a').click(function (e) { e.stopPropagation(); $(this).addClass("current"); $(this).siblings().removeClass("current"); $(this).parents('li').siblings().children('div').children().removeClass('current') }); } function phoneSwiper() { new Swiper('.indexBanner .swiper-container', { autoplay: true, pagination: { el: '.indexBanner .swiper-pagination', }, }); new Swiper('.mapSwiper .swiper-container', { pagination: { el: '.mapSwiper .swiper-pagination', }, }); } });
當前位置：日本一本在线
