logo у меня все покупают г. Москва

WordPress кнопка вверх

18 августа 2013 в 8:30 Блог веб-разработчика

На мой взгляд очень полезная вещь ” Кнопка вверх “. Делюсь с Вами этим очень простым в установке и красивым а работе скриптом.

Кому нужен, скопируйте ниже приведенный код в файл footer.php перед закрывающимся тегом </body> Вашей темы:

[php]

<div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"><img src="https://my-soft.moy.su/_ld/12/61058142.png" alt="В верх страницы" title="В верх страницы" border="0"/></div>
<div style= "position:fixed; right:0.1%; bottom:41%;" id="nav_down"><img src="https://my-soft.moy.su/_ld/12/91749186.png" alt="В низ страницы " title="В низ страницы" border="0"/></div>

<script type="text/javascript">
jQuery(function() {
var overelem = jQuery(‘body’);

jQuery(‘#nav_up’).fadeIn(‘slow’);
jQuery(‘#nav_down’).fadeIn(‘slow’);

jQuery(‘#nav_down’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: overelem.height()}, 800);
}
);
jQuery(‘#nav_up’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: ‘0px’}, 800);
}
);
});
</script>
[/php]

Настройки скрипта:

Изначально скрипт имеет две кнопки “ вверх-вниз ”.

Если нужна только одна кнопка – ” вверх “, то код будет выглядеть так:

[php]
&lt;pre&gt;&lt;div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"&gt;&lt;img src="https://site.ru/img1.png" alt="В верх страницы" title="В верх страницы" border="0"/&gt;&lt;/div&gt;

&lt;script type="text/javascript"&gt;
jQuery(function() {
var overelem = jQuery(‘body’);

jQuery(‘#nav_up’).fadeIn(‘slow’);
jQuery(‘#nav_down’).fadeIn(‘slow’);

jQuery(‘#nav_down’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: overelem.height()}, 800);
}
);
jQuery(‘#nav_up’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: ‘0px’}, 800);
}
);
});
&lt;/script&gt;
[/php]

где “https://site.ru/img1.png” – нужно заменить на адрес Вашей картинки.
Если Вы хотите Картинку Вконтакте и как у меня на сайте, тогда качайте Архив с Картинкой или рисуете свою кнопку.

Для меня скрипт очень удобеный.

Желаю удачи.

С уважением – Macsimus

Похожие статьи


Warning: Use of undefined constant rand - assumed 'rand' (this will throw an Error in a future version of PHP) in /var/www/u0767527/data/www/iwebs.pro/wp-content/themes/byMacsimus/single.php on line 186

Оставить заявку
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите контактный E-mail: *

Ваш вопрос:

Рассчитать стоимость
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Прикрепить файл:

Ваш вопрос:

Введите контактный E-mail: *

Заказать обратный звонок
Для экономии вашего времени на все звонки отвечают программисты, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите ваше имя *

Как с вами связаться? *

Введите контактный телефон *

Создадим сайт по картинке или вашему макету
Цена: от 2,900 руб. Я бесплатно рассчитаю стоимость реализации сайта в течение 15 минут.
Как это работает? После расчета стоимости я отпиваюсь вам и вы принимаете решение о дальнейшем сотрудничестве.
Задать вопрос
Опишите вопрос своими словами. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите ваше имя *

Введите контактный email *

Комментарий

There are no products