Днес искам да ви разкажа за един прост и, в същото време, доста ефектна модно шоу текст на сайта. Със сигурност сте се срещна няколко пъти с спойлери на различни ресурси, най-вече в организацията на вертикално падащо меню, или скриване / показване на допълнителна информация. Спойлери помогнат да се избегне претоварване на селото, за да направите текста по-четлив и добавяне на интерактивност.
Спойлер ще направи в JQuery. Това изпълнение се приема неограничен гнездене и съвместимост кръстосано браузър.
Извлечение от Wiki:
Не е ли по-скоро не е лошо ефект? Освен което позволява да се скрие не само текст, но и изображения, таблици, но като цяло почти всеки HTML код.
Както можете да видите, под спойлера крие не обикновен текст, но с HTML маркирането на. Е, това е време, за да ви кажа как цялата тази красота е.
Първо, вие трябва да маркирате
свържете JQuery библиотеката и добавяне на скрипт с код обработката на нашата функция. Ето как изглежда:Има също така да добавите описание на стила CSS (или в стиловете, използвани). В този момент за областта на креативността не се ограничава. Тук е CSS, който е бил използван в продължение на примера по-горе:
Всъщност, той остава в тялото на страницата за регистрация на две
В заключение бих искал да дам един пример за използване на вложени един в друг спойлер:
Първото ниво на гнездене
Къде мога да се възползвам от тази jquery.min.js?
Намерено на. Сайт JQuery, изтеглите файла.
Сценарият не работи, не иска да натискам съдържанието на страницата, директно на товара създава празен поле, където той ще се отваря при щракване върху заглавието.
Снимка в скрипт пълнени 790h1018 - празни полета, за да разкрие твърде много на спойлер.
Всъщност, аз трябва да се натъпча 8 такива изображения в спойлер.
Тази инструкция е необходимо да се отчита директно онлайн.
Не мога да разбера, правиш всичко изглежда, както е писано, но тя не работи. Моля да ми помогне.
Ако скриптът не работи, а след това с главни стилове лимец позиция: относителна. Замяна с позиция: абсолютна; ,
Искам да се направи списък на divs, във всеки такъв спойлер пут, проблемът е, че гмуркания спад спойлер под DIV, което идва след него. Какво може да се направи? Z-индекс не помага
вместо спойлер - вземане riderekt страница, където съм
как аз не разбирам
Добре дошли! Кажи ми как можете да промените цвета на рамката в кода? (Овладеят само HTML и не мога да следите къде се скри на гама). В кода, цвят CSS намерени, заменя, но сайтът все още е една и съща оранжевата рамка. (Вероятно в цвета на CSS текст, а не рамка). Ehh.
Съжалявам за неприятностите) Установено е, че в главата две antipolar код запазена. Стари почиства и да се промени цвета на рамката)))
Благодаря ви много за статията! Сто години по-търсите спойлер - текст, а не на бутона) и едва след това работят хванат)))
Какво ще кажете за индексиране на текста, скрит в спойлера. Търсачките индекс текст spryatany в спойлера?
Добър ден. Спойлер и красива и най-важното е да работи. Има едно нещо, когато кликнете върху връзката на спойлер ще ви отведе до страница, където този спойлер (страница се опреснява) и едва след това всичко работи (спойлер отваря). Какво може да е проблема?
най-популярният
Свързани статии