Наш опрос
Делали ли вы покупки в интернете?
Всего ответов: 22
Случайный анекдот
74 Муж блондинке: - Давай поспорим на 100 000 рублей, что я куплю тебе норковую шубу за 100 000 рублей... - Давай! Если проиграешь - с тебя норковая шуба!!!
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 1
Новых вчера: 1
Новых сегодня: 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
Просмотров: 10077
26.01.2013


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


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


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

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








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