Просто вставьте в любое место вашей страницы этот скрипт
<script src="//lockjs.googlecode.com/git/lock.min.js"></script>
Так же вы можете разместить баннер в шапке сайта как на habrahabr.ru
Выглядит так:
Код (сразу после тега <body>
):
<a style="background: #ffff18 url(http://habrahabr.ru/images/banners/begeek_2.gif) no-repeat center center;display:block;height:90px;box-shadow:0 1px 2px #ccc;" href="http://ad.adriver.ru/cgi-bin/click.cgi?sid=1&ad=410696&bt=21&bid=2696012&bn=2696012&rnd=1251482300">
</a>
В случае, если вы хотите внести изменения в текст обращения, изменить время блокировки, адрес сайта, или сделать любое другое изменение в скрипте, используйте глобальный объект LK_SETTINGS:
<script type="text/javascript">
window.LK_SETTINGS = {
time: 5 // Время блокировки кнопки "Продолжить работу"
};
</script>
или возьмите этот скрипт, внесите изменения и загрузите на свой сайт.
$ git clone [email protected]:imShara/jslock.git
$ cd jslock
$ npm i
Для пересборки файла lock.min.js
используйте скрипт minify.js
.