Данная тема создана в ответ на комментарий к теме
Автоматическая прокрутка текста в блоке
По просьбе вертикальная прокрутка была заменена на горизонтальную. Но есть один небольшой минус - необходимо заранее задавать ширину блока, который будет прокручиваться.
Собственно вот весь код целиком:
Код:
<div style="height:170px;width:500px;border:1px solid black;position:relative;overflow:hidden;">
<div id="block" style="width:750px;display:inline;position:absolute;left:0;">
Здесь располагается текст, который будет прокручиваться при наведении курсора мышки
на одну из стрелочек (влево или вправо).<br><br>
Здесь располагается текст, который будет прокручиваться при наведении курсора мышки
на одну из стрелочек (влево или вправо).
</div></div>
<img src="image/up.png" alt="" onMouseover="move('block',5)" onMouseout="clearTimeout(move.to)">
<img src="image/up.png" alt="" onMouseover="move('block',-5)" onMouseout="clearTimeout(move.to)">
<script type="text/javascript">
function move(id,spd) {
var obj=document.getElementById(id);
var max=-obj.offsetWidth+obj.parentNode.offsetWidth;
var left=parseInt(obj.style.left);
if ((spd>0&&left<=0)||(spd<0&&left>=max)){
obj.style.left=left+spd+"px";
move.to=setTimeout(function(){ move(id,spd); },20);
}
else obj.style.left=(spd>0?0:max)+"px";
}
</script>