Прошу прошения,спасибо Eri сделала мне прекрасные кнопки в виде стрелок вверх и вниз.Так вот меня интересует где можно сделать код самостаятельно?и куда его вставить?!ищу темку ,не могу найти!(
Теги: Вопросы от новичков
кнопочки[ОТВЕЧЕНО]
Сообщений 1 страница 10 из 13
Поделиться126.07.12 14:36
- Бестелесный дух прошлого
- Уважение: +27
Поделиться226.07.12 14:51
в Свой стиль
Поделиться326.07.12 14:52
или вы про кнопки? тогда куда хочешь
Поделиться426.07.12 18:25
- Бестелесный дух прошлого
- Уважение: +27
Меня интересует код.У меня есть только изображение.
Поделиться526.07.12 19:31
- Бестелесный дух прошлого
- Уважение: +619
Поделиться626.07.12 20:02
- Бестелесный дух прошлого
- Уважение: +27
Eri ,мне надо твои кнопочки поставить на сайт себе.Там описано просто кнопка вверх.А как твои кнопочки себе поставить?!
Поделиться726.07.12 20:06
- Бестелесный дух прошлого
- Уважение: +619
Ната
Там написано, как эта кнопка настраивается.
Если совсем не понимаешь - дай мне минут десять, я почитаю и попробую подредактировать так, как тебе надо.
Поделиться826.07.12 20:17
- Бестелесный дух прошлого
- Уважение: +27
ой спасибо тебе буду ждать очень!люблю тя!помощница ты великая*
Поделиться926.07.12 20:49
- Бестелесный дух прошлого
- Уважение: +619
Ната написал(а):
ой спасибо тебе буду ждать очень!люблю тя!помощница ты великая*
хочешь отблагодарить меня - в следующий раз попробуй сама сначала поискать нужную тебе тему на форуме. Для этого есть поиск, навигация по скриптам, навигация по JQuery
в хтмл-верх
Код:
<style>
#back-top {
position: fixed;
bottom: 420px;
right: 30px;
}
#back-down {
position: fixed;
bottom: 310px;
right: 30px;
}
#back-top span {
width: 100px;
height: 120px;
display: block;
background: transparent url(http://s1.uploads.ru/i/UCt5r.gif) no-repeat center center;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-down span {
width: 100px;
height: 120px;
display: block;
background: transparent url(http://s1.uploads.ru/i/5FY0U.gif) no-repeat center center;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
</style>
в хтмл-низ:
Код:
/* кнопка вверх */
<p id="back-top">
<a href="#top"><span></span></a>
</p>
/* кнопка вниз*/
<p id="back-down">
<a href="#down"><span></span></a>
</p>
/* кнопка вверх скрипт*/
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
/* кнопка вниз скрипт*/
<script>
$(document).ready(function(){
// hide #back-down first
$("#back-down").hide();
// fade in #back-down
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 0) {
$('#back-down').fadeIn();
} else {
$('#back-down').fadeOut();
}
});
// scroll body to 3000px on click
$('#back-down a').click(function () {
$('body,html').animate({
scrollTop: 3000
}, 800);
return false;
});
});
});
</script>если кнопка вниз будет прокручивать не до конца форума, увеличь на несколько сотен значение
// scroll body to 3000px on click
$('#back-down a').click(function () {
$('body,html').animate({
scrollTop: 3000
это в самом конце кода для хтмл-низа
я первый раз вижу этот код, а потому возможно допустила ошибки в его изменении под скроллинг вниз. сдается мне, все это можно сделать куда короче и оптимальнее, но я дуб
Поделиться1026.07.12 21:03
- Бестелесный дух прошлого
- Уважение: +27
Ага получилось спасибо*
