Наш опрос
Каким браузером вы пользуетесь?
Всего ответов: 49
Случайный анекдот
103 Студент на зачёте по немецкому языку. Преподаватель: - Составьте предложение на немецком языке: лягушка скачет по болоту. Студент: - Айн момент! Дер лягушка по болоту дер шлеп, дер шлеп, дер шлеп!
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили: xdproxd23
» Зарег. на сайте
Всего: 3502
Новых за месяц: 3
Новых за неделю: 2
Новых вчера: 0
Новых сегодня: 1
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 177
Авторизованных: 3321

   Кнопка вверх без javascript для юкоз



Эта кнопка очень хорошо подойдет для одно блочных сайтов или pda/мобильных видов сайтов, наглядный пример вы можете посмотреть в мобильной версии нашего сайта. Плюсом именно этой кнопки является отсутствие javascript в коде, это означает, что кнопка будет работать в любой библиотеке Query и в pda шаблонах. В основе кнопки лежит якорь, который мы устанавливаем в то место к которому хотим перейти с ссылка на этот якорь. Это намного удобнее чем стрелки вверх, т.к. они проматывают только на начало страницы, а наша кнопка может перелистывать именно к нужным местам страницы.
Установка проще не бывает:
Собственно сам якорь ставим в то место к которому хотим перейти.
Код
<a name="top"></a>

Кнопка перехода к якорю, ставим в то место где хотим ее видеть.
Код
<a href="#top">Ваш текст</a>

Если вы хотите использовать два и более якоря на странице, то для каждого name="" и href="" нужно присвоить свой класс.
Например: если name="menu" то и href="menu"; name="categories" то и href="categories" и так для каждого якоря и ссылки.

Html редактор
Автор: Prosvetekvator
Просмотров: 11097
26.01.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Кнопка вверх без javascript для юкоз След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022