|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
15.02.2012, 16:11 | #1 |
Новичок
Джуниор
Регистрация: 15.02.2012
Сообщений: 3
|
Как реализовать прокрутку на сайте?
Как сделать , чтобы при нажатии мышкой на ползунок, он перемещался, и соответственно прокручивалось содержимое?Вот скрин, как всё должно выглядеть http://clip2net.com/s/1AYQY
Код HTML:
<div id="slider"> <div class="line"></div> <h2>Бренды</h2> <div class="up"><a href="#"><img src="/i/up.png"></a></div> <!--<div class="jspVerticalBar"><div class="jspCap jspCapTop"></div><div class="jspTrack" style="height: 302px; "><div class="jspDrag" style="height: 12px; top: 0; "><div class="jspDragTop"></div><div class="jspDragBottom"></div></div></div><div class="jspCap jspCapBottom"></div></div> --> <div class="prokrutka"> <div class="polzunok"><a id="scrollSlider" href="#"><img src="/i/polzunok.png"></a></div> </div> <ul id="scrollbody"> <li><a href="#"><img src="/i/brand_1.png"></a></li> <li><a href="#"><img src="/i/brand_2.png"></a></li> <li><a href="#"><img src="/i/brand_3.png"></a></li> <li><a href="#"><img src="/i/brand_4.png"></a></li> <li><a href="#"><img src="/i/brand_5.png"></a></li> <li><a href="#"><img src="/i/brand_6.png"></a></li> <li><a href="#"><img src="/i/brand_1.png"></a></li> <li><a href="#"><img src="/i/brand_2.png"></a></li> <li><a href="#"><img src="/i/brand_3.png"></a></li> <li><a href="#"><img src="/i/brand_4.png"></a></li> <li><a href="#"><img src="/i/brand_5.png"></a></li> <li><a href="#"><img src="/i/brand_6.png"></a></li> <li><a href="#"><img src="/i/brand_1.png"></a></li> <li><a href="#"><img src="/i/brand_2.png"></a></li> <li><a href="#"><img src="/i/brand_3.png"></a></li> <li><a href="#"><img src="/i/brand_4.png"></a></li> <li><a href="#"><img src="/i/brand_5.png"></a></li> <li><a href="#"><img src="/i/brand_6.png"></a></li> </ul> <div class="down"><a href="#"><img src="/i/down.png"></a></div> </div> Код:
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как реализовать прокрутку на сайте? | Ellantra | HTML и CSS | 2 | 15.02.2012 16:27 |
откл. авто прокрутку в memo ? | fucil | Общие вопросы Delphi | 0 | 21.09.2011 13:53 |
Какие технологий понадобяться чтобы реализовать функцию рисования на сайте? | sauran | Помощь студентам | 5 | 24.04.2011 21:29 |
Как убрать прокрутку в DBGrid | doncova1 | Компоненты Delphi | 5 | 02.05.2009 09:07 |
Как организовать прокрутку элементов меню (JMenuItem)? | klm | Общие вопросы по Java, Java SE, Kotlin | 0 | 17.01.2008 16:28 |