|
Сообщение от utb
|
|
сделать прокрутку текста в контейнере, которая работает по клику кнопки, как делаю обычно такое?
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>datepicker demo</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div style="width:200px; overflow: hidden; white-space:nowrap; border: #FF0000 1px solid" id="test">
100AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA<img src="http://javascript.ru/forum/images/smilies/victory.gif" alt="">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA200
</div>
<input id="l" name="" type="button" value="<-0">
<script>
n = 0;
$('#l').mousedown(function(){
n = ++n > 100 ? 100 : n ;
this.value = '<-'+n
$("#test").scrollLeft(($('#test')[0].scrollWidth - $('#test').width())*n/100)
});
</script>
</body>
</html>
можно добавить таймер чтоб само двигалось пока нажал.