$(document).ready(function(){
$(".list-group-item-doc").hover(function(){
$(this).find("h4").css("bottom","15px");
},
function(){
$(this).find("h4").css("bottom","0px");
});
});
.list-group-item-doc:hover h4{
bottom:15px
}
$(document).ready(function() {
$(() => {
class Call {
constructor () {
this.elements = {
numberButtons: $('.numberButton'),
numberField: $('#numberField'),
call: $('#call')
};
this.init();
}
init () {
this.bindEvents();
}
// Обработка клика по кнопке с символом
onClickSymbol (event) {
var el = $(event.currentTarget);
var symbol = el.data('symbol');
var val = this.elements.numberField.val();
var newVal = val + symbol;
this.elements.numberField.val(newVal);
this.setTelNumberInCall(newVal);
}
// Обработка по вводу в поле
onInput (event) {
var value = this.elements.numberField.val();
this.setTelNumberInCall(value);
}
// Установить значение с телефоном в кнопку вызова
setTelNumberInCall (value) {
var telFormat = `tel:${value}`;
this.elements.call.attr('href', telFormat);
}
// Отправить номер на сервер
sendNumber (number) {
$.ajax({
url: 'action.php', // Куда отправить
type: 'default GET (Other values: POST)', // Каким методом
dataType: 'json',
data: {
number
}
})
.done(() => console.log("success"))
.fail(() => console.log("error"));
}
// Навешивание событий
bindEvents () {
// Клик по символам
this.elements.numberButtons.on('click', (event) => {
this.onClickSymbol(event);
});
// Ввод в поле
this.elements.numberField.on('input', (event) => {
this.onInput(event);
});
}
}
var call = new Call();
});
});
var num = 8; // Число картинок
var wrapper = 200; // Размер "холста" для расположения картинок
var radius = 150; // Радиус нашего круга
$(document).ready(function() {
for (i = 0; i < num; i++){
var f = 2 / num * i * Math.PI; // Рассчитываем угол каждой картинки в радианах
var top = wrapper + radius * Math.sin(f) + 'px';
var right = wrapper + radius * Math.cos(f) + 'px';
$('#wrapper img').eq(i).css({'right':right,'top':top}); // Устанавливаем значения каждой картинке
}
});
var wrapper = 200; // Размер "холста" для расположения картинок
вот ссылка на код