Наш опрос
Какой сайт вы чаще посещаете?
Всего ответов: 32
Случайный анекдот
70 Шерлок Холмс и доктор Ватсон расследуют ограбление. - Ватсон, так это к вам сегодня утром подбежал какой-то бродяга, поставил подножку, разбил вам губу и вырвал золотые часы? - Да, Холмс, но... как вы это узнали? - Элементарно, Ватсон: во-первых, вы тут же закричали "Холмс, на помощь!", во-вторых, на часах была дарственная надпись "Доктору Ватсону от леди К.", и, в-третьих, у вас в руках мой воротник.
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

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


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


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


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

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








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