Архив

Архив Сентябрь 2021
16 сентября 2021 Нет комментариев

Без циклической прокрутки:

var owl_catalog_item=$('.owl_catalog_item');
owl_catalog_item.owlCarousel({
	items:1,
	loop:false,
	margin:0,
	autoplay:true,
	autoplayTimeout:1000,
	autoplayHoverPause:false,
	dots:false,
	nav:false,
	navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
	responsive:{
		0:{
		},
		480:{
		},
		768:{
		}
	}
});
owl_catalog_item.trigger('stop.owl.autoplay');
$('.catalog .item').on('mouseenter',function(){
	if($(this).find('.owl_catalog_item a').length>1){
		$(this).find('.owl_catalog_item').trigger('play.owl.autoplay',[1000]);
	}
});
$('.catalog .item').on('mouseleave',function(){
	$(this).find('.owl_catalog_item').trigger('stop.owl.autoplay');
	$(this).find('.owl_catalog_item').trigger('to.owl.carousel',0);
});

С циклической прокруткой:

var owl_catalog_item=$('.owl_catalog_item');
owl_catalog_item.owlCarousel({
	items:1,
	loop:true,
	margin:0,
	autoplay:true,
	autoplayTimeout:1000,
	autoplayHoverPause:false,
	dots:false,
	nav:false,
	navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
	responsive:{
		0:{
		},
		480:{
		},
		768:{
		}
	}
});
owl_catalog_item.trigger('stop.owl.autoplay');
$('.catalog .item').on('mouseenter',function(){
	$(this).find('.owl_catalog_item').trigger('play.owl.autoplay',[1000]);
})
$('.catalog .item').on('mouseleave',function(){
	$(this).find('.owl_catalog_item').trigger('stop.owl.autoplay');
});
Categories: Javascript Tags:
1 сентября 2021 Нет комментариев

less:

.pricedesc{
	width:100%;
	margin-bottom:20px;
	&>div{
		display:flex;
		justify-content:space-between;
		&>div{
			text-align:left;
			font-size:14px;
			line-height:20px;
			font-weight:700;
			padding:2px 0;
			&:nth-child(2){
				flex:1 0;
				border-bottom:1px dotted #d2d2d2;
				height:1em;
				margin:0 .4em;
			}
		}
	}
}

html:

<div class="pricedesc">
	<div>
		<div>Взнос в КФ ВВ</div>
		<div></div>
		<div>0 ₽</div>
	</div>
	<div>
		<div>Взнос в КФ ОДО</div>
		<div></div>
		<div>0 ₽</div>
	</div>
	<div>
		<div>Страхование</div>
		<div></div>
		<div>0 ₽</div>
	</div>
	<div>
		<div>Вступительный взнос</div>
		<div></div>
		<div>0 ₽</div>
	</div>
	<div>
		<div>Членские взносы</div>
		<div></div>
		<div>0 ₽</div>
	</div>
</div>
Categories: CSS Tags: