services.js
4.95 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
//集团 tab 切换
$('.cd-primary-nav').on('click', function (event) {
if ($(event.target).is('.cd-primary-nav')) $(this).children('ul').toggleClass('is-visible');
});
uploadVideo($('.cd-hero-slider'));
$('.cd-slider-nav li').on('click', function (event) {
event.preventDefault();
var selectedItem = $(this);
if (!selectedItem.hasClass('selected')) {
var selectedPosition = selectedItem.index(),
activePosition = $('.cd-hero-slider .selected').index();
if (activePosition < selectedPosition) {
nextSlide($('.cd-hero-slider'), $('.cd-slider-nav'), selectedPosition);
} else {
prevSlide($('.cd-hero-slider'), $('.cd-slider-nav'), selectedPosition);
}
updateNavigationMarker(selectedPosition + 1);
}
});
function nextSlide(container, pagination, n) {
var visibleSlide = container.find('.selected'),
navigationDot = pagination.find('.selected');
visibleSlide.removeClass('selected from-left from-right').addClass('is-moving').one(
'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
visibleSlide.removeClass('is-moving');
});
container.children('li').eq(n).addClass('selected from-right').prevAll().addClass('move-left');
navigationDot.removeClass('selected')
pagination.find('li').eq(n).addClass('selected');
checkVideo(visibleSlide, container, n);
}
function prevSlide(container, pagination, n) {
var visibleSlide = container.find('.selected'),
navigationDot = pagination.find('.selected');
visibleSlide.removeClass('selected from-left from-right').addClass('is-moving').one(
'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
visibleSlide.removeClass('is-moving');
});
container.children('li').eq(n).addClass('selected from-left').removeClass('move-left').nextAll().removeClass(
'move-left');
navigationDot.removeClass('selected');
pagination.find('li').eq(n).addClass('selected');
checkVideo(visibleSlide, container, n);
}
function uploadVideo(container) {
container.find('.cd-bg-video-wrapper').each(function () {
var videoWrapper = $(this);
if (videoWrapper.is(':visible')) {
var videoUrl = videoWrapper.data('video'),
video = $('<video loop><source src="' + videoUrl + '.mp4" type="video/mp4" /><source src="' +
videoUrl + '.webm" type="video/webm" /></video>');
video.appendTo(videoWrapper);
}
});
}
function checkVideo(hiddenSlide, container, n) {
if (hiddenSlide.find('video').length > 0) hiddenSlide.find('video').get(0).pause();
if (container.children('li').eq(n).find('video').length > 0) container.children('li').eq(n).find('video').get(0)
.play();
}
function updateNavigationMarker(n) {
$('.cd-marker').removeClassPrefix('item').addClass('item-' + n);
}
$.fn.removeClassPrefix = function (prefix) {
this.each(function (i, el) {
var classes = el.className.split(" ").filter(function (c) {
return c.lastIndexOf(prefix, 0) !== 0;
});
el.className = $.trim(classes.join(" "));
});
return this;
};
/*$('#services-soft-wrap li').on('click',function () {
var _index = $(this).index();
$('#services-wrap-sass').css('background-image','url(images/services_saasIco'+(_index+1)+'.png)')
$('#services-soft-wrap li').eq(_index).addClass('active').siblings().removeClass('active');
$('#services-soft-wrap li').children('div').addClass('displaynone');
$('#services-soft-wrap li').eq(_index).children('div').removeClass('displaynone');
// $('.ai-success-stories-list-bar').css('left',100*_index);
$('#services-section-wrap>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone')
});*/
//车场 tab 切换
$('#services-park-wrap li').on('click',function () {
var _index = $(this).index();
$('#services_parkIco').css('background-image','url(images/services_parkIco'+(_index+1)+'.png)');
$('#services-park-wrap li').eq(_index).addClass('active').siblings().removeClass('active');
$('#services-park-wrap li').children('div').addClass('displaynone');
$('#services-park-wrap li').eq(_index).children('div').removeClass('displaynone');
$('#services-section-park>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone');
});
//车主 tab 切换
$('#services-user-wrap li').on('click',function () {
var _index = $(this).index();
$('#services_userIco').css('background-image','url(images/services_userIco'+(_index+1)+'.png)');
$('#services-user-wrap li').eq(_index).addClass('active').siblings().removeClass('active');
$('#services-user-wrap li').children('div').addClass('displaynone');
$('#services-user-wrap li').eq(_index).children('div').removeClass('displaynone');
$('#services-section-user>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone');
});