воздушный шар Фонд
Воздушные шары переместить курсор на элемент после шоу:
Мы можем добавить любой элемент в data-tooltip
собственности для создания сообщения. Используйте title
атрибута , чтобы установить подсказки текстовых сообщений.
Примечание: слайдер требуется JavaScript. Таким образом, вы должны инициализировать oundation JS:
примеров
<SPAN название данных подсказке = " Ура!"> Наведите указатель на меня! </ Span>
<! - Initialize Foundation JS ->
<Script>
$ (Документ) .ready (функция () {
$ (Документ) .foundation ();
})
</ Script>
<! - Initialize Foundation JS ->
<Script>
$ (Документ) .ready (функция () {
$ (Документ) .foundation ();
})
</ Script>
Попробуйте »
.has-tip
класс может переместить мышь жирный текст:
примеров
<Span класс данных подсказке = " имеет кончику" название = "Ура!"> Наведите указатель на меня! </ Span>
Попробуйте »
Положение отображения воздушных шаров
По умолчанию подсказка появится окно в нижней части элемента.
Вы можете использовать .tip-top
, .tip-left
, .tip-right
или .tip-bottom
( по умолчанию) , чтобы установить позицию окне запроса.
Примечание: На маленьких размеров экрана, воздушный шар широкополосного доступа составляет 100%.
примеров
<Span класс данных подсказке = " имеет наконечниками Tip-Top" название = "Ура!"> Вверх </ SPAN>
<Span класс данных подсказке = " имеет кончик наконечника дна" название = "Ура!"> Нижний </ SPAN>
<SPAN данных подсказке класс = " имеет кончик наконечника левой" название = "Ура!"> Left </ SPAN>
<Span класс данных подсказке = " имеет наконечниками наводку право" название = "Ура!"> Right </ SPAN>
<Span класс данных подсказке = " имеет кончик наконечника дна" название = "Ура!"> Нижний </ SPAN>
<SPAN данных подсказке класс = " имеет кончик наконечника левой" название = "Ура!"> Left </ SPAN>
<Span класс данных подсказке = " имеет наконечниками наводку право" название = "Ура!"> Right </ SPAN>
Попробуйте »
Круглый воздушный шар
.radius
и .round
класс используется для установки закругленными концами окно:
примеров
<Span класс данных подсказке = " имеет кончику" название = "Ура!"> По умолчанию </ SPAN>
<Span класс данных подсказке = " имеет радиус кончика" название = "Ура!"> Радиус </ SPAN>
<SPAN данных подсказке класс = " имеет кончик круглый" название = "Ура!"> Round </ SPAN>
<Span класс данных подсказке = " имеет радиус кончика" название = "Ура!"> Радиус </ SPAN>
<SPAN данных подсказке класс = " имеет кончик круглый" название = "Ура!"> Round </ SPAN>
Попробуйте »