Най-лесният JQuery плъгин за създаване на разделите (раздели)
Най-лесният JQuery плъгин за създаване на разделите (раздели)
JQuery само с няколко реда код, минималният и разделите си (разделите) работят добре. Идеята е, че разделите могат да бъдат неограничен брой, броят на разделите е ограничен само от размера на опаковката, в която ще бъде в състояние да се поберат на самата единица "раздели", така.
Всичко, от което се нуждаем, е да преминете е свързан библиотеката JQuery, плъгин дм-tabs.js СГО и да зададете правила за формиране на стилове на разделите. За да се свържете с текущата версия на библиотеката JQuery и плъгин дм-tabs.js, в участъка между таговете
.... и най-вече (по някаква причина. - Google да помогне) в долната част на страницата, преди затварянето
. необходимо да се определи следното:
JQuery скрипт код:
Сценарият се оказа много малка, всички "пълнеж", отнема само няколко реда:
HTML оформление раздела:
CSS стилове раздела:
Можете да използвате страницата разделите няколко блока, това не е нищо друго освен това се изисква. Инициализиране на приставката на палеца, достатъчно, за да се регистрирате правилния път до файла JS. Демо страница специално поставени две пресечки раздели, така че можете да видите пример. Също така, например, посредством вграден изображения вътре разделите. Изображение "Tabah" можете да изпратите, и двете в ляво и в дясно, защото това е достатъчно, за да добавите етикет, съответстващ IMG клас клас = "PL-ляво" или клас = "PL-дясно". позиция на изображението се определя чрез поплавъка: право и плава: ляво, съответно. Снимки на вътре раздели изложени ширина стойност в%, по този начин осигурява възможност пропорционална промяна при смяна раздели размер база контейнер (раздели). Разбира се, никой и нищо не ви пречи да се използва фиксиран размер на снимката :)
На валидността и всякакви грешки не са особено тестван, работи, не се препъва, какво друго монахиня. Източници са опаковани в архиви и хвърляха върху Yandex.Disk, от там сигурно ще отнемат.
За тези, които, като някои от страх изведнъж нужда раздели с възможност за инвестиране в един от друг, особено размъти един малък пример от разделите (разделите) с безкрайна гнездене
Всичко ще бъде благодарен, ако подкрепа за проекта - добавяне на блог, за да AdBlock изключения и да споделите връзка към запис в своите социални мрежи:
Блок раздели "гума", ширина проявяват Процент ширина: 100%;. Пример ограничен размер макс ширина: 600px. марж марж: 0 автомобил; То ще съгласува в центъра, така че разделите забележително надолу, за да съответстват на всеки контейнер родител.
Ако вашият мод. 600px прозорец по-голям, просто изключва вариант код> макс ширина: 600px;, както и премахване на тапицерията (уплътнение) в прозореца, ако са регистрирани. Това се отнася до всички блок раздели.
Ако искаш да кажеш панел раздел навигация, а след това може да стане и по цялата ширина на блокови разделите:
Съответно на .tabs ли изключва фон: # 48c3d6; и марж-надясно: 1px; - вдлъбнатина действа като спейсър, заместването с граница ляв: 1px твърдо вещество #eee; Цветова палитра, както знаете да използвате всеки
Благодаря ви за раздела. Изтеглете, инсталирайте - всичко това без проблеми. Аз усъвършенства под него. Например отстранен от корените и на фона на разделите, и то в активния раздела на гръбначния стълб и текстът е по-подчертано, и по-малко активен и без долна черта. Почти анимация оказа. Уау.
Единственото нещо досадно е фактът, че когато преминавате страница раздели автоматично превърта до върха, а аз имам все още голяма шапка сайт.
Има ли някакъв начин да се направи нещо, така че когато превключвате между разделите вид в центъра на този блок с табове, вместо в горната част на страницата?