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

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

   Кнопка вверх без 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
Просмотров: 10110
26.01.2013


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


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


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

Мини-чат
Топ пользователей
Новое на форуме








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