Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Вчера в 19:52
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Ноябрь 26th 2024, 23:23
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14
» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
Кнопка Верх
Участников: 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
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Кнопка Верх
Уже лучше ))) А как ещё плавнее сделать ??? Где там кусок , который отвечает за скорость прокрутки ??? Вроде всё проверил , а эту часть не нашёл (( И ещё такой вопрос , персонально к Домовому . В коде кнопок нет титл , тогда по чему в темах вылазит подсказка ??? Да фиг с ней , пусть вылазит но , можно ли сделать так , чтоб вывод подсказок саморегулировался ???В зависимости от расположения кнопки , подсказка вылазила бы с лева или с права или по середине ???
Re: Кнопка Верх
За скорость отвечает строчкаЛеший пишет:Уже лучше ))) А как ещё плавнее сделать ??? Где там кусок , который отвечает за скорость прокрутки ??? Вроде всё проверил , а эту часть не нашёл (( И ещё такой вопрос , персонально к Домовому . В коде кнопок нет титл , тогда по чему в темах вылазит подсказка ??? Да фиг с ней , пусть вылазит но , можно ли сделать так , чтоб вывод подсказок саморегулировался ???В зависимости от расположения кнопки , подсказка вылазила бы с лева или с права или по середине ???
700 увеличивай пока не добьёшься нужного результата.jQuery('html, body').animate({scrollTop: overelem.height()},700);
Если ты про кнопки в форме ответа то кто тебе сказал что там нет атрибута title?
Саморегулировку может быть и можно сделать, но увы, это не в моих силах.
Пошукай в инете, есть куча скриптов всплывающей подсказки.
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 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
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Всплывающая кнопка в верх
» В верх
» Кнопки в верх в низ
» Как сделать кнопку на верх?
» стрелки верх вниз
» В верх
» Кнопки в верх в низ
» Как сделать кнопку на верх?
» стрелки верх вниз
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения