Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Кнопка Верх
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Кнопка Верх
Приветствую всех . Есть такой вопрос . Можно ли в этом коде прокрутки , сделать последнюю более плавной , не такой резкой что ли
Заранее Спасибо
- Код:
<!--Кнопки в верх в низ--><div style="position:fixed; right:0.5%; bottom:45%;">
<a href="#top" style="display: block; margin-bottom: 8px"><img src="http://www.snapsnap.ru/i/di0p77.png" alt="В верх страницы" border="0"/></a>
</a>
<br/>
<a href="#bottom" style="display: block; margin-top: 8px"><img src="http://www.snapsnap.ru/i/dilf7y.png" alt="В низ страницы " border="0"/></a>
</a>
</div>
Заранее Спасибо
Последний раз редактировалось: Леший (Февраль 21st 2013, 05:11), всего редактировалось 1 раз(а)
Re: Кнопка Верх
Замени свой код на этот
- Код:
<!--Кнопки вверх вниз--><div style= "position:fixed; right:0.1%; bottom:45%;"><div id="nav_up"><img src="http://www.snapsnap.ru/i/di0p77.png" alt="Вверх страницы" border="0"/></div>
<br/>
<div id="nav_down"><img src="http://www.snapsnap.ru/i/dilf7y.png" alt="Вниз страницы " 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()},700);
}
);
jQuery('#nav_up').click(
function (e) {
jQuery('html, body').animate({scrollTop: '0px'});
}
);
});
</script>
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Кнопка Верх
Уже лучше ))) А как ещё плавнее сделать ??? Где там кусок , который отвечает за скорость прокрутки ??? Вроде всё проверил , а эту часть не нашёл (( И ещё такой вопрос , персонально к Домовому . В коде кнопок нет титл , тогда по чему в темах вылазит подсказка ??? Да фиг с ней , пусть вылазит но , можно ли сделать так , чтоб вывод подсказок саморегулировался ???В зависимости от расположения кнопки , подсказка вылазила бы с лева или с права или по середине ???
Re: Кнопка Верх
За скорость отвечает строчкаЛеший пишет:Уже лучше ))) А как ещё плавнее сделать ??? Где там кусок , который отвечает за скорость прокрутки ??? Вроде всё проверил , а эту часть не нашёл (( И ещё такой вопрос , персонально к Домовому . В коде кнопок нет титл , тогда по чему в темах вылазит подсказка ??? Да фиг с ней , пусть вылазит но , можно ли сделать так , чтоб вывод подсказок саморегулировался ???В зависимости от расположения кнопки , подсказка вылазила бы с лева или с права или по середине ???
700 увеличивай пока не добьёшься нужного результата.jQuery('html, body').animate({scrollTop: overelem.height()},700);
Если ты про кнопки в форме ответа то кто тебе сказал что там нет атрибута title?
Саморегулировку может быть и можно сделать, но увы, это не в моих силах.
Пошукай в инете, есть куча скриптов всплывающей подсказки.
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Кнопка Верх
вот нарыл, попробуйЛеший пишет: можно ли сделать так , чтоб вывод подсказок саморегулировался ???В зависимости от расположения кнопки , подсказка вылазила бы с лева или с права или по середине ???
В CSS
- Код:
/*всплывающая подсказка*/
#tiptip_holder {
display:none;
position:absolute;
top:20px;
left:30px;
z-index: 999;
}
/*поле с подскаской*/
#tiptip_content {
background-color:#FFF; /* фон */
font-family:Georgia; /* шрифт */
font-size:12px; /* размер текста */
color:#291000; /* цвет текста */
border:0px solid #9C9C9C;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0 0 14px 0px #828282;
-webkit-box-shadow:0 0 14px 0px #828282;
-moz-box-shadow:0 0 14px 0px #828282;
padding:5px;
}
- Код:
<script type="text/javascript" src="http://www.patmax.eu/J1/120924174308.js"></script>
<script>
jQuery (function(){
jQuery ("a[title]").tipTip({maxWidth:"auto",edgeOffset:5});
jQuery ("img[title]").tipTip({maxWidth:"auto",edgeOffset:5});
jQuery ("span[title]").tipTip({maxWidth:"auto",edgeOffset:5});
jQuery ("div[title]").tipTip({maxWidth:"auto",edgeOffset:5});
});
</script>
<script type="text/javascript">
jQuery('#logo').attr('title', 'Тест форум BB3');
</script>
- Код:
<script type="text/javascript">
jQuery('#logo').attr('title', 'Тест форум BB3');
</script>
Это так, для примера
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Всплывающая кнопка в верх
» В верх
» Кнопки в верх в низ
» Как сделать кнопку на верх?
» стрелки верх вниз
» В верх
» Кнопки в верх в низ
» Как сделать кнопку на верх?
» стрелки верх вниз
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения