Фонд Joyride
Joyride является эффект мастера функции JavaScript, создать экземпляр следующим образом:
примеров
<H3 ID = "первый"> Первая остановка! </ H3>
<H3 ID = "второй"> Вторая остановка! </ H3>
<- The Joyride :! Должен быть расположен в нижней части страницы, но внутри <тело> ->
<класс = "Joyride-список Ol " данные-авантюрой>
<Li данных ID = "первый ">
<P> Первая остановка. Поездка началась! </ P>
</ Li>
<Li данных ID = "второй ">
<H4> Вторая остановка </ h4 >
<P> Любой допустимый HTML будет работать внутри Joyride. </ P>
</ Li>
<Li данных кнопка = "End ">
<H4> End Стоп </ h4 >
<P> Тур закончился. Вы можете либо вернуться к предыдущей остановке или закрыть его. </ P>
</ Li>
</ Ol>
<! - Start Joyride при инициализации - >
<Script>
$ (Документ) .ready (функция () {
$ (Документ) .foundation ( "Joyride", "старт");
})
</ Script>
Примеры аналитических
В приведенном выше примере, мы создаем два элемента, каждый из них имеет отдельный идентификатор. Два элемента устанавливает начальную и конечную позицию Joyride.
Мы <ol> или <ul> , чтобы добавить элемент data-joyride свойств и .joyride-list класса для создания Joyride. Вам нужно определить его в заголовке документа (в <body> в голове). Используется в каждом списке <li> элементов, каждый из которых добавляет data-id=" value " атрибута. Значение атрибута должно быть одинаковым перед элементом идентификатора. Таким образом, первая функция навигации <h3> элемент используя ID = "первый" должны быть данные идентификатор <LI> Элемент = "первый" соглашение о стоимости.
Если вам не удается остановить идентификатор, он будет отображать модальное окно.
Наконец, Joyride требует JavaScript для его инициализации, код: $(document).foundation('joyride', 'start');