');
ドロップダウンボタン
$('.main-header .navigation li.dropdown .dropdown-btn').on('クリック', function() {
$(this).prev('ul').slideToggle(500);
});
ドロップダウンの親リンクを無効にする
$('.navigation li.dropdown > a').on('クリック', function(e) {
e.preventDefault();
});
}
製品タブ
if($('.project-tab').length){
$('.project-tab .product-tab-btns .p-tab-btn').on('クリック', function(e) {
e.preventDefault();
var target = $($(this).attr('data-tab'));
if ($(target).hasClass('actve-tab')){
falseを返します。
}else{
$('.project-tab .product-tab-btns .p-tab-btn').removeClass('active-btn');
$(this).addClass('アクティブ-btn');
$('.project-tab .p-tabs-content .p-tab').removeClass('アクティブタブ');
$(target).addClass('アクティブタブ');
}
});
}
関数 checkScrolling(tabs){
var totalTabWidth = parseInt(tabs.children('.default-tabs-navigation').width(), 10)、
tabsViewport = parseInt(tabs.width(), 10);
if( tabs.scrollLeft() >= totalTabWidth - tabsViewport) {
tabs.parent('.default-tabs').addClass('終了');
} そうでなければ {
tabs.parent('.default-tabs').removeClass('終了');
}
}
製品カルーセル
if ($('.project-carousel').length) {
$('.project-carousel').owlCarousel({
ループ:true、
マージン:30、
nav:true、
スマートスピード:700、
自動再生:5000、
navText: [ '', '' ],
レスポンシブ:{
0:{
アイテム:1
},
600:{
アイテム:2
},
800:{
アイテム:2
},
1024:{
アイテム:3
},
1200:{
アイテム:4
},
1400:{
アイテム:4
},
1600:{
アイテム:4
}
}
});
}
フィルター付きギャラリー
if($('.filter-list').length){
$('.filter-list').mixItUp({});
}
Jquery スピナー / 数量スピナー
if($('.quantity-spinner').length){
$("input.quantity-spinner") です。タッチスピン({
verticalボタン:true
});
}
お客様の声カルーセル
if ($('.client-testimonial-carousel').length && $('.client-thumbs-carousel').length) {
var $sync 3 = $(".client-testimonial-carousel")、
$sync 4 = $(".client-thumbs-carousel")、
フラグ = false、
期間 = 500;
$sync 3
.owlカルーセル({
ループ:true、
アイテム: 1、
マージン: 0,
nav: true、
navText: [ '', '' ],
ドット: false、
autoplay: true、
自動再生タイムアウト: 5000
})
.on('changed.owl.carousel', function (e) {
if (!flag) {
フラグ = false;
$sync 4.trigger('to.owl.carousel', [e.item.index, duration, true]);
フラグ = false;
}
});
$sync 4
.owlカルーセル({
ループ:true、
マージン:10、
アイテム: 1、
nav: false、
navText: [ '', '' ],
ドット: false、
center: false、
autoplay: true、
autoplayTimeout: 5000、
レスポンシブ: {
0:{
アイテム:1、
autoWidth: false
},
400:{
アイテム:1、
autoWidth: false
},
600:{
アイテム:1、
autoWidth: false
},
1000:{
アイテム:1、
autoWidth: false
},
1200:{
アイテム:1、
autoWidth: false
}
},
})
.on('クリック', '.owl-item', 関数 () {
$sync 3.trigger('to.owl.carousel', [$(this).index(), duration, true]);
})
.on('changed.owl.carousel', function (e) {
if (!flag) {
フラグ = true;
$sync 3.trigger('to.owl.carousel', [e.item.index, duration, true]);
フラグ = false;
}
});
}
ファクトカウンター
関数 factCounter() {
if($('.fact-counter').length){
$('.fact-counter .counter-column.animated').each(function() {
var $t = $(これ)、
n = $t.find(".count-text").attr("data-stop")、
r = parseInt($t.find(".count-text").attr("データ速度")、10);
if (!$t.hasClass("counted")) {
$t.addClass("カウント");
$({
カウント数: $t.find(".count-text").text()
}).animate({
カウント数: n
}, {
期間:R、
イージング: "リニア"、
ステップ: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
完了: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
});
}
}
ファクトカウンター+テキストカウント
if($('.count-box').length){
$('.count-box').appear(function(){
var $t = $(これ)、
n = $t.find(".count-text").attr("data-stop")、
r = parseInt($t.find(".count-text").attr("データ速度")、10);
if (!$t.hasClass("counted")) {
$t.addClass("カウント");
$({
カウント数: $t.find(".count-text").text()
}).animate({
カウント数: n
}, {
期間:R、
イージング: "リニア"、
ステップ: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
完了: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
},{accY: 0});
}
カスタム割り付けボックス
if($('.custom-select-box').length){
$('.custom-select-box').selectmenu().selectmenu('menuWidget').addClass('オーバーフロー');
}
タブボックス
if($('.tabs-box').length){
$('.tabs-box .tab-buttons .tab-btn').on('クリック', function(e) {
e.preventDefault();
var target = $($(this).attr('data-tab'));
if ($(target).is(':visible')){
falseを返します。
}else{
target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
$(this).addClass('アクティブ-btn');
target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab');
$(ターゲット).fadeIn(300);
$(target).addClass('アクティブタブ');
}
});
}
単品カルーセル
if ($('.single-item-carousel').length) {
$('.single-item-carousel').owlCarousel({
ループ:true、
マージン:0、
nav:true、
スマートスピード: 1000、
自動再生:5000、
navText: [ '', '' ],
レスポンシブ:{
0:{
アイテム:1
},
600:{
アイテム:1
},
1200:{
アイテム:1
}
}
});
}
2アイテムカルーセル
if ($('.two-item-carousel').length) {
$('.two-item-carousel').owlCarousel({
ループ:true、
マージン:30、
nav:true、
スマートスピード:700、
自動再生:4000、
navText: [ '', '' ],
レスポンシブ:{
0:{
アイテム:1
},
600:{
アイテム:1
},
800:{
アイテム:1
},
1024:{
アイテム:2
},
1200:{
アイテム:2
}
}
});
}
3アイテムカルーセル
if ($('.three-item-carousel').length) {
$('.three-item-carousel').owlCarousel({
ループ:true、
マージン:30、
nav:true、
スマートスピード:700、
自動再生:5000、
navText: [ '', '' ],
レスポンシブ:{
0:{
アイテム:1
},
600:{
アイテム:1
},
800:{
アイテム:2
},
1024:{
アイテム:3
},
1200:{
アイテム:3
},
}
});
}
4アイテムカルーセル
if ($('.four-item-carousel').length) {
$('.4 項目カルーセル').owlカルーセル({
ループ:true、
マージン:30、
nav:true、
スマートスピード:700、
自動再生:4000、
navText: [ '', '' ],
レスポンシブ:{
0:{
アイテム:1
},
600:{
アイテム:2
},
800:{
アイテム:2
},
1024:{
アイテム:3
},
1200:{
アイテム:4
}
}
});
}
4アイテムカルーセル
if ($('.four-item-fluidcarousel').length) {
$('.four-item-fluidcarousel').owlCarousel({
ループ:true、
マージン:0、
nav:true、
スマートスピード:700、
自動再生:4000、
navText: [ '', '' ],
レスポンシブ:{
0:{
アイテム:1
},
800:{
アイテム:2
},
1024:{
アイテム:3
},
1500:{
アイテム:4
}
}
});
}
5アイテムカルーセル
if ($('.5-item-carousel').length) {
$('.5 項目カルーセル').owlカルーセル({
ループ:true、
マージン:30、
nav:true、
スマートスピード:700、
自動再生:4000、
navText: [ '', '' ],
レスポンシブ:{
0:{
アイテム:1
},
600:{
アイテム:2
},
800:{
アイテム:3
},
1024:{
アイテム:4
},
1200:{
アイテム:5
}
}
});
}
6アイテムカルーセル
if ($('.six-item-carousel').length) {
$('.six-item-carousel').owlCarousel({
ループ:true、
マージン:30、
nav:true、
スマートスピード:700、
自動再生:4000、
navText: [ '', '' ],
レスポンシブ:{
0:{
アイテム:1
},
480:{
アイテム:2
},
767:{
アイテム:3
},
900:{
アイテム:4
},
1024:{
アイテム:5
},
1200:{
アイテム:6
}
}
});
}
石積み
function enableMasonry() {
if($('.masonry-items-container').length){
var winDow = $(ウィンドウ);
必要な変数
var $container=$('.masonry-items-container');
$container.isotope({
itemSelector: '.masonry-item'、
石積み: {
列幅 : 0
},
animationOptions:{
期間:500、
イージング:'リニア'[イージング:'リニア'
}
});
winDow.bind('サイズ変更', function(){
$container.isotope({
itemSelector: '.masonry-item'、
アニメーションオプション: {
期間:500、
イージング : 'リニア'、
キュー : false
}
});
});
}
}
enableMasonry();
同位体スタイル
if ($('.isotope_block').length) {
$('.isotope_block').isotope({
layoutMode:'石積み]
});
}
価格帯スライダー
if($('.range-slider-price').length){
var priceRange = document.getElementById('範囲スライダー価格');
noUiSlider.create(価格範囲, {
開始: [ 180, 560 ],
制限:1000、
行動: 'ドラッグ'、
connect: true、
範囲: {
'min': 100、
'最大': 1000
}
});
var limitFieldMin = document.getElementById('最小値範囲スライダー');
var limitFieldMax = document.getElementById('最大値範囲スライダー');
priceRange.noUiSlider.on('update', function( values, handle ){
(ハンドル ? limitFieldMax : limitFieldMin).value = values[ハンドル];
});
}
アコーディオンボックス
if($('.accordion-box').length){
$(".accordion-box").on('クリック', '.accord-btn', function() {
if($(this).hasClass('active')!==true){
$('.accordion .accord-btn').removeClass('アクティブ');
}
if ($(this).next('.accord-content').is(':visible')){
$(this).removeClass('アクティブ');
$(this).next('.accord-content').slideUp(300);
}else{
$(this).addClass('アクティブ');
$('.accordion .accord-content').slideUp(300);
$(this).next('.accord-content').slideDown(300);
}
});
}
ライトボックス / ファンシーボックス
if($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect : 'フェード'、
closeEffect : 'フェード'、
ヘルパー : {
メディア : {}
}
});
}
プログレスバー/レベル
if($('.progress-levels .progress-box .bar-fill').length){
$(".progress-box .bar-fill").each(function() {
var progressWidth = $(this).attr('データパーセント');
$(これ).css('幅',progressWidth+'%');
$(this).children('.percent').html(progressWidth+'%');
});
}
お問い合わせフォームの検証
if($('#contact 形式').length){
$("#contact 形式").validate({
submitHandler: 関数(フォーム) {
var form_btn = $(form).find('button[type="submit"]');
var form_result_div = '#form-result';
$(form_result_div).remove();
form_btn.before('');
var form_btn_old_msg = form_btn.html();
form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
$(form).ajaxSubmit({
データ型: 'json'、
成功: 関数(データ) {
if( data.status == 'true' ) {
$(form).find('.form-control').val('');
}
form_btn.prop('disabled', false).html(form_btn_old_msg);
$(form_result_div).html(data.message).fadeIn('slow');
setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000);
}
});
}
});
}
if ($('.time-countdown').length) {
$('.time-countdown').each(function () {
var Self = $(this);
var countDate = Self.data('カウントダウン時間');日付の取得
Self.countdown(countDate, function(イベント) {
$(これ).html(''+ event.strftime('%D : %H : %M : %S') +'
');
});
});
};
if ($('.time-countdown-two').length) {
$('.time-countdown-two').each(function () {
var Self = $(this);
var countDate = Self.data('カウントダウン時間');日付の取得
Self.countdown(countDate, function(イベント) {
$(これ).html(' '+ event.strftime('%D') +' 日
'+ event.strftime('%H') +' 時間
'+ event.strftime('%M') +' 議事録
'+ event.strftime('%S') +' お代わり
');
});
});
};
言語スイッチャー
if ($("#polyglot 言語オプション").length) {
$('#polyglotLanguageSwitcher').polyglotLanguageSwitcher({
効果: 'スライド'、
animSpeed: 150、
testMode: true、
onChange: 関数(evt) {
alert("選択した言語は: " + evt.selectedItem);
}
});
};
要素アニメーション
if($('.wow').length){
var wow = 新しい WOW(
{
boxClass: 'wow', // アニメーション要素のCSSクラス(デフォルトはwow)
animateClass: 'animated', // アニメーションCSSクラス(デフォルトはアニメーション)
offset: 0, // アニメーションをトリガーするときの要素までの距離 (デフォルトは 0)
mobile: false, // モバイルデバイスでアニメーションをトリガーします (デフォルトは true)
live: true // 非同期にロードされたコンテンツに対して動作します (デフォルトは true です)
}
);
wow.init()です。
}
/* ==========================================================================
ドキュメントがスクロールしているときは、
========================================================================== */
$(window).on('scroll', function() {
headerStyle();
ファクトカウンター();
});
/* ==========================================================================
ドキュメントが読み込まれたら、
========================================================================== */
$(window).on('ロード', function() {
handlePreloader();
});
})(window.jクエリ);
-A(1).png?imageView2/1/format/webp)
.jpg?imageView2/1/format/webp)
.png?imageView2/1/format/webp)
.png?imageView2/1/format/webp)
