Предлагаемый скрипт создаст на вашей страничке эффект панели с закладками. Этот прием будет для Вас актуален, если на одной страничке у Вас размещается слишком много информации. Такой объем тяжело воспринимать, если он еще и разносторонний. Для примера, простой каталог программ. Информация может быть следующего характера: скриншоты, описание, характеристики, комментарии. Если разместить все это на одну траницу, то визуально будет все выглядеть, как каша. Читабельность информации упадет и пользователь решит поискать программу в другом месте. При помощи закладок с панелями можно исправить эту ситуацию. При этом, в действительности, вся информация будет на одной странице, а визуально, будет разбита на несколько категорий, заключенных в закладки.
Теперь реализация. Для начала впишем в раздел HEAD код скрипта:
Теперь создадим структуру панелей с закладками. Структура банальная и простая:
Немного разберем эту структуру. В структуре использованы 2 связанных блока. Один состоит из тегов SPAN - сами закладки, и тегов DIV - панели закладок. У тегов SPAN обязательно должны быть прописаны id. Их значение равняется bmc[порядковый номер закладки]. Также должен быть определн класс. Это нужно для оформления. Класс у первой закладки должен быть "bmcsel", у остальных - "bmc". Для панелей указываем id равным bm[порядковый номер панели]. Вся порядковая нумерация должна начинаться с еденицы. Количество закладок всегда должно равняться количеству панелей.
После структуры нужно прописать вызов подготавливающей функции:
Почти все сделано. Осталось сделать стилевое оформление. Для этого в теле HEAD пропише стили:
Это мой вариант. Вы создайте свой.
На этом все. Сохраняемся и проверяем. Учтите, на одной странице можно использовать один блок с закладками.
Удачи!
| Категория: | Скрипты |
| Просмотрено: | 1407 |
| Рейтинг: | 5.0/1 |
| Дата добавления: | 12.08.2009 08:50, Среда |
| Добавил: | Szen |
Все скрипты, инструкции, тесты, статьи и подборки, опубликованные в блоге портала, являются собственностью портала. Администрация портала не несет никакой ответственности за содержания статей и скриптов, но обязуется не публиковать материалы, нарушающие законодательство Российской Федерации, порнографию, инструкции по взлому и вскрытию. Администрация портала сама решает, кому помогать в решении какой-либо проблемы, а кому отказать в помощи. Цитируя наш текст и устанавливая опубликованные скрипты, вы соглашаетесь с тем, что используете продукт, созданный или подготовленный порталом SzenProgs. Портал SzenProgs оставляет за собой право менять инструкции, тесты, записи, подборки и скрипты по своему усмотрению и менять содержимое файлов, залитых на портале.
Любая, полная или частичная, публикация материала, размещенного в блоге портала SzenProgs, на другом стороннем от портала SzenProgs сайте должна сопровождаться ссылкой на источник.