VPF::Как прокрутить бигунок - Форум программистов

asdn

Дата 26.1.2012, 16:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 5.10.2010

Репутация: нет
Всего: нет

Как прокрутить бигунок, который находится справа, не подводя к бегунку курсор мыши.

Krotlev

Дата 26.1.2012, 17:32 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 24.1.2012

Репутация: нет
Всего: нет

Код


<html>
<head>
    <title></title>
    <script type="text/javascript">
        function scrollNext() {
            var howfar = document.getElementById('howfar').value;
            window.scrollTop = document.body.scrollTop += howfar;
            return false;
        }
        window.onload = function() {
            var itemsEl = document.getElementById('items');
            for (var i = 1; i < 100; i++)
                itemsEl.innerHTML += 'item ' + i + '<br>\n';
        }
    </script>
    <style type="text/css">
        .toolbox {
            position: fixed; float: left; top: 50px; left: 100px;
            border: solid 1px Silver; background: #f5f5f5; padding: 5px;
        }
        .toolbox span { cursor: pointer;  }
    </style>
</head>
<body>
<div class="toolbox">Scroll by <input id="howfar" type="text" value="120" size="4">
    <span onclick="scrollNext()">Go!</span></div>
<div id="items"></div>
</body>
</html>

Это сообщение отредактировал(а) Krotlev - 26.1.2012, 17:34

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »