1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/ldf-LDF-slide

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Плагин для карусели изображений

Плагин для имитации карусели в стиле 1-го магазина — старое место

На основе JQuery, сначала импортируем необходимые плагины

<script type="text/javascript" src='../js/jquery.js'></script>
<script type="text/javascript" src='js/slide.js'></script>
<script type="text/javascript" src='js/index.js'></script>

Способ вызова

Самый простой способ вызова

new slide('#s1');

Иллюстрация эффекта github

Пользовательский вызов 1

var s2={
    time:1000,					// время цикла в секундах
    border: 3,					// толщина рамки движения
    height: 10, 				// высота рамки движения
    actHeight: 10, 			// текущая высота рамки движения
    borderColor: '#1099E0', 	// цвет рамки движения
    bgColor: '#18A2EA', 		// цвет фона рамки движения
    extendOutCss:'background:#2B5B99;', // пользовательский CSS для внешней рамки
}
new slided('#s2',s2);

Иллюстрация эффекта

github

Пользовательский вызов 2

var s3={
    time:2000,				// время цикла в секундах
    numHeight: 15, 			// общая высота рамки движения
    width: 45, 				// ширина рамки движения
    height: 10, 			// высота рамки движения
    actHeight: 14, 			// текущая высота рамки движения
    position: 'bottom:8px', // положение рамки движения
    border: 1,				// толщина рамки движения
    borderColor: '#eee', 	// цвет рамки движения
    bgColor: '#fff', 		// цвет фона рамки движения
    extendOutCss:'background:#999;margin-right:10px;', // пользовательский CSS для внешней рамки
    extendCss:'box-shadow:inset 0 0 2px #eee,0 0 5px #eee,0 0 15px #eee;' // пользовательский CSS для расширения рамки
}
new slided('#s3',s3);

Иллюстрация эффекта

github

Обзор иллюстраций эффектов

github

Добавление заголовка title, просто добавьте заголовок в атрибут title тега a, поддерживается настраиваемое положение.

github

Email: 47121862@.qq.com

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Плагин для карусели изображений. Развернуть Свернуть
Apache-2.0
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/ldf-LDF-slide.git
git@api.gitlife.ru:oschina-mirror/ldf-LDF-slide.git
oschina-mirror
ldf-LDF-slide
ldf-LDF-slide
master