Кнопки "Вверх" и "Вниз"

автор Grenader13 Февраль 4th 2013, 08:34

Здравствуйте!
Возможно ли сделать так что бы при нажатии на кнопки было более плавное прокручивание страницы,а не скачёк с верху в низ и на оборот.
В этом коде;

Код::  <div style="position:fixed;right:0.5%; bottom: 45%;"> <a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/dsdddd10.png" alt="Вверх страницы" border="0"></a> <br/><br/> <a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вверх страницы"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/dsdddd11.png" alt="Вниз страницы" border="0"></a> </div>

автор Vector Февраль 4th 2013, 09:49

Код::  <div style= "position:fixed; right:0.1%; bottom:45%;"> <div id="nav_up"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/d_ddun10.png" alt="Вверх страницы" title="Вверх страницы" border="0"/></div> <div id="nav_down"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/d_ddd10.png" alt="Вниз страницы " title="Вниз страницы" border="0"/></div> </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()}, 1100); } ); jQuery('#nav_up').click( function (e) { jQuery('html, body').animate({scrollTop: '0px'}, 1100); } ); }); </script>

В шаблон overall_footer_end перед </body>

автор Grenader13 Февраль 4th 2013, 10:02

Вау!!! То что надо!!!Спасибо.

автор Grenader13 Февраль 4th 2013, 10:06

А ещё такой вопрос???
В коде спойлера не могу найти;
Изменение цвета текста.
Фон внутренней части спойлера.
Ширину окна спойлера.
И изменение самой надписи спойлер.
Кнопки "Вверх" и "Вниз" 3978409

Вот код;

Код:: .spoiler{ background-image:url(http://www.snapsnap.ru/i/green83.jpg); color:#030348; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border:#559B69 0px solid; box-shadow:0 0 15px 2px #559B69; -webkit-box-shadow:0 0 15px 2px #559B69; -moz-box-shadow:0 0 15px 2px #559B69; padding:4px; } /*Фон и рамка закрытой части спойлера*/ .spoiler_closed{ background-color:#E3FFD8; height:1px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #E3FFD8; }

автор Домовой Февраль 4th 2013, 12:58

Код:: /*наружняя часть спойлера*/ .spoiler{ background-image:url(http://www.snapsnap.ru/i/568029671pkp.jpg); /*фон видимой части*/ -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border:#B2DCFF 1px solid; /*рамка*/ padding:4px; } /*закрытая часть спойлера*/ .spoiler_closed{ height:0px; border-style:none; } /*поле с содержимым спойлера*/ .spoiler_content { background-color:#FFFF00; /*фон внутренней части */ color:#0000CD; /*цвет текста в спойлере*/ border-style:none; padding:2px; } /*Стиль заголовка кода, цитаты, спойлера*/ .genmed b { color:#00008B; font-size:15px; font-family:Georgia; font-weight: bold; }

автор Grenader13 Февраль 4th 2013, 14:08

ЗАКРЫВАЙТЕ solved

Домовой спасибо тебе огромное!!! Ты как всегда на высоте!
Вот что получилось;
Кнопки "Вверх" и "Вниз" Screenhunter67feb041

Выложу код с свечением вокруг спойлера и закруглёнными краями внутреней части.Может кому сгодится.

Код:: /*наружняя часть спойлера*/ .spoiler{ background-image:url(http://savepic.ru/3962025.jpg); /*фон видимой части*/ -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border:#000099 1px solid; /*рамка*/ box-shadow:0 0 10px 2px #0512e2; -webkit-box-shadow:0 0 10px 2px #559B69; -moz-box-shadow:0 0 10px 2px #559B69; padding:4px; } /*закрытая часть спойлера*/ .spoiler_closed{ background-color:#0512c3; height:1px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #0512e2; border-style:none; } /*поле с содержимым спойлера*/ .spoiler_content { background-color:#73bbff; /*фон внутренней части */ color:#0000CD; /*цвет текста в спойлере*/ border-radius:20px;/*закругление краёв фона*/ border-style:none; padding:20px; } /*Стиль заголовка кода, цитаты, спойлера*/ .genmed b { color:#9dbdfd; font-size:20px; font-family:Georgia; font-weight: bold; }

Всем огромное спасибо.

Кнопки "Вверх" и "Вниз"

Кнопки "Вверх" и "Вниз"

Re: Кнопки "Вверх" и "Вниз"

Re: Кнопки "Вверх" и "Вниз"

Re: Кнопки "Вверх" и "Вниз"

Re: Кнопки "Вверх" и "Вниз"

Re: Кнопки "Вверх" и "Вниз"