Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Скрипт кнопка позвонить


Recommended Posts

Здравствуйте, подскажите кто знает как сделать небольшой скрипт кнопка позвонить, чтобы при нажатии на нее появлялось окошко, где три номера телефона на которые посетитель сайта наживает и тем самим идет вызов. Номера телефонов у меня на сайте и так кликабельные но хочу сделать еще и кнопку. На втором своем сайте я сделал через стили без скриптов кнопочку с одним номером телефона:

 

@media (max-width: 767px) {
#popup__toggle{bottom:25px;right:10px;position:fixed;z-index:999;}
.img-circle{background-color:#4CAF50;box-sizing:content-box;-webkit-box-sizing:content-box;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:62px;height:62px;bottom: 2px;right: 8px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:63px;height:72px;background-image:url('../images/mini.png');background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
}

и добавил в футер код:

 

<a href="tel:+38097111111" id="popup__toggle"><div class="circlephone" style="transform-origin: center;"></div><div class="circle-fill" style="transform-origin: center;"></div><div class="img-circle" style="transform-origin: center;"><div class="img-circleblock" style="transform-origin: center;"></div></div></a>

 

 

Обратите внимание нужна кнопка вызов, а не обратный звонок. На скриншотах прикрепил образец как выглядит это скрипт на других сайтах

888.jpg

888899.jpg

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.