Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.78/9: Рейтинг темы: голосов - 9, средняя оценка - 4.78
1 / 1 / 0
Регистрация: 03.06.2013
Сообщений: 31

Слайдер на CSS3

03.06.2013, 20:26. Показов 1951. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
И так Мы имеем прямую h1 и привязанный к ней бегунок h2 который перемещается исключительно по этой прямой.
Необходимо сделать так что б если бегунок оказывался в левой части h1 или правой h1 то переходило б на необходимую ссылку .

Естественно области h4 и h3 - левая часть и правая часть . Будут находиться под прямой h1
Миниатюры
Слайдер на CSS3  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
03.06.2013, 20:26
Ответы с готовыми решениями:

Слайдер на html5 и css3
Добрый день всем верстальщиками. Молодой и неопытный коллега просит помощи) В данный момент я заканчиваю верстку одного проекта и там...

Слайдер CSS3 без JS, добавление ссылок
Хочу поставить на страницу такой CSS слайдер, т.к. не знаю JavaScript - CSS3 image slider with stylized thumbnails Код тут:...

CSS3 and IE
Подсажите пожалуйста. Мне нужно, чтобы элемент CSS3 либо просто пропадал, если используется ИЕ, либо корректно отбражался

5
Не мoдepaтор
 Аватар для MVS76
340 / 315 / 94
Регистрация: 07.07.2012
Сообщений: 1,040
Записей в блоге: 7
04.06.2013, 04:23
Вот так?
Или я неправильно понял задачу?
Все в архиве, а то кода многовато и изображения есть.
Изображения
 
Вложения
Тип файла: rar bar.rar (4.9 Кб, 32 просмотров)
0
Не мoдepaтор
 Аватар для MVS76
340 / 315 / 94
Регистрация: 07.07.2012
Сообщений: 1,040
Записей в блоге: 7
04.06.2013, 04:33
Кстати, все скрипты и стиль, можно вынести в отдельные файлы.
0
1 / 1 / 0
Регистрация: 03.06.2013
Сообщений: 31
04.06.2013, 18:10  [ТС]
MVS76, Да верно благодарен, в сам код не заглядывал, но ведь можно сделать что по ссылке переходило не сразу влево бегунок, а например на 30px от центра?
+ можно ли сделать задержку в переходе по ссылке например 2 сек и в это время вывести на центр экрана например меню "Внимание переадресация " и точки идут постепенно т.е. сначала одна потом 2 3 и снова по кругу и в конце точек время отчет до перехода по ссылке 3 2 1
0
Не мoдepaтор
 Аватар для MVS76
340 / 315 / 94
Регистрация: 07.07.2012
Сообщений: 1,040
Записей в блоге: 7
04.06.2013, 18:36
Подставьте нужные значения
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Свойства
width — целочисленное свойство, задает длину трекбара в пикселях. По умолчанию — 100.
leftLimit — минимальное граничное значение для левого бегунка в абсолютных значениях. По умолчанию — 0.
leftValue — выставляемое значение для левого бегунка. Не может быть меньше минимального (leftLimit). По умолчанию — 0.
rightLimit — максимальное граничное значение для правого бегунка в абсолютных значениях. По умолчанию — 100.
rightValue — выставляемое значение для левого бегунка. Не может быть больше максимального (rightLimit). По умолчанию — 100.
dual — при выставлении в false два бегунка объединятся в один и будут бегать с единым значением. Выставление дефолтных параметров для объединенного бегунка происходит по значениям для левой части. Параметр rightValue просто игнорируется, даже если задан. По-умолчанию всегда выставлен true.
roundUp — параметр для округления (целое положительное число). Для того, чтобы ваши значения пробегали с определенным интервалом, укажите этот интервал. Например, если задать roundUp : 50, то значения будут 0, 50, 100, 150... По-умолчанию не задан.
clearLimits — при выставлении true не будут выводиться серые крайние значения. По-умолчанию всегда false.
clearValues — при выставлении true не будут выводиться значения над бегунками. По-умолчанию всегда false.
showBigTicks — по-умолчанию false, флаг, разрешающий показ больших засечек, к которым всегда подписывается соот-ее значение.
bigTicks — по-умолчанию 1, число больших засечек на трекбаре.
smallTicks — по-умолчанию 1, число мелких засечек между большими. Если больших нет - просто их число на трекбаре.
showSmallTicks — по-умолчанию false, флаг, разрешающий показ маленьких засечек.
0
 Аватар для Forastero
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
05.06.2013, 16:09
MVS76,

Не по теме:

поделитесь, пожалуйста, источником.
Уж больно интересно где такое водится.)

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
05.06.2013, 16:09
Помогаю со студенческими работами здесь

CSS3 анимация
Всем привет! Есть css3 анимация, которая срабатывает с задержкой в 3 секунды. Если в течении этого времени водить мышкой в окне result то...

Переключатель на css3
Здравствуйте, все! Есть один красивый переключатель, я его сделал из двух картинок, умеет завораживающе переключаться: div...

TabControl с Css3
Всем привет! воодушевлённый статьёй, решил сделать свой таб контрол(ваш браузер должен поддерживать всякие модные штуки, эксплорер не...

подскажите по css3
вот нашел вертикальное меню и мне уж очень нужно сделать чтобы полоски выскакивали не с лева на право а наоборот справо на лево подскажите...

Префиксы CSS3
Есть ли разница в порядке установки префиксов: --- -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; --- имеет ли...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Вывод данных через динамический список в справочнике
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются
Maks 31.03.2026
1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 31.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru