Таблица с информацией посещение страницы сайта | |
| Интересное решение для пользователя, который заходил или впервые зашел на сайт, также страницу. Где будет появляться информация, был он здесь или нет. Если он заходит на страницу в первые, за основу возьмем главную, то здесь с начало появляется звук, что сразу за ним следует окно в темно синем оттенке цвета. Где будет простое приветствие, что в можно его редактировать и добавить свое оригинальное описание. Также веб мастер может сам подобрать палитру под свой дизайн, это все делается элементарно в CSS, что идет в основе. Так случается, что и когда мы попадаем на одну и туже страницу, и здесь автоматически срабатывает функция оповещение, где также появляется окно после звучание. И только на нем уже совершенна другая история написано, а точнее, это сколько раз вы заходили по этой ссылке, но и когда в последний раз вы здесь были, вообщем как поняли все данные. Тематически не к какой теме не привязано, что можно наблюдать на разных интернет ресурсах. С материалом идут основные особенности: 1. Это под каждую страницу своя оригинальная информация, что качается только ее. 2. Безусловно, это сколько раз вы ее могли посещать, все выводится в цифрах и знаках. 3. И когда вы ее последний или крайний раз посещали, что очень удобно для все[ пользователей или гостей сайта. Здесь видим, что вы впервые зашли на страницу:  Это уже показывает, что уже на этой страницы ранее бывали:  Установка: 1. Для начало добавляем Js на странице где хотим наблюдать панель информации: Код <script> module = location.pathname; $('body').append('<div class="zornet_ru_lidsam"></div>'); push = { call:function(pushInfo,file){ $('.zornet_ru_lidsam').html(pushInfo).fadeIn(500).delay(14000).fadeOut(500); mp3=new Audio(file);mp3.src=file;mp3.play(); }}; dates = new Date(); sDt = dates.getDate(); sDm = dates.getMonth() +1; if(sDm < 10) {sDm = '0'+sDm} sDy = dates.getFullYear(); sTh = dates.getHours(); sTm = dates.getMinutes(); activeAll = localStorage[module]; acSound = 'https://zornet.ru/ABVUN/cl3-7.m4a'; if(localStorage[module] == undefined) { activeAll = '0|'+sDt+'.'+sDm+'.'+sDy+' в '+sTh+':'+sTm+''; push.call('Добро пожаловать на ZORNET.RU',acSound); } else { activeAll = activeAll.split('|'); activeAll[0] = Number(activeAll[0])+Number(1); activeAll = ''+activeAll[0]+'|'+activeAll[1]+''; localStorage.setItem(module, ''+activeAll+''); activeAll = activeAll.split('|'); push.call('Был уже: '+activeAll[0]+' раз.<hr>Последний раз '+activeAll[1]+'',acSound); } activeAll = ''+activeAll[0]+'|'+sDt+'.'+sDm+'.'+sDy+' в '+sTh+':'+sTm+''; localStorage.setItem(module, ''+activeAll+''); </script> 2. Добавим стиль CSS: Код .zornet_ru_lidsam { display:none; position: fixed; bottom: 100px; background: #4784f7; color: #f8f8fd; padding: 9px; border-radius: 4px; font-family: sans-serif;font-size:14px; z-index: 9999; text-align: center; left: 27%; right: 27%; } Демонстрация Источник: www.mybeststudio.ru | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 3 | |
|
| |
