Скроллинг части текста на странице - ответы на частые вопросы о Macromedia Dreamweaver

Вопрос: Как сделать возможность прокрутки части теста на странице?

Ответ: это делается с помощью скрипта Java. И выглядит примерно так:

Итак, по шагам:

1. Создаем файл, который будет прокручиватся в окне, называем его, например, file.html. Это простой файл HTML, с помощью тегов можете устанавливать его вид. Содержание файла такое:

var speed, currentpos=curpos1=0,alt=1,curpos2=-1

function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed
scrollwindow()
}
}

function scrollwindow(){
temp=(document.all)? document.body.scrollTop : window.pageYOffset
alt=(alt==0)? 1 : 0
if (alt==0)
curpos1=temp
else
curpos2=temp

window.scrollBy(0,speed)
}

setInterval("initialize()",10)

</script>
</head>
<body>

<p>текст, который прокручивается</p>
<p>текст, который прокручивается</p>
<p>текст, который прокручивается</p>
<p>текст, который прокручивается</p>
<p>текст, который прокручивается</p>
<p>текст, который прокручивается</p>

</body>
</html>

Структура идентична простому гипертекстовому документу. В заголовке - скрипт скроллинга, в теле - контент страницы.

2. Вставляем этот файл на станицу, в которой он должен прокручиватся. Код такой:

<iframe src="file.html" width="200" height="50" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>

На атрибутах останивливатся не буду. Если что не понятно - спрашивайте на форуме.

3. Добавляем кнопки, которые будут прокручивать наш файлик:

<img src="pix/up.gif" alt="Вверх" width="15" height="29" border="1" onmouseup="scrollspeed=0" onmousedown="scrollspeed=-1">

<img src="pix/down.gif" alt="Вниз" width="15" height="29" border="1" onmouseup="scrollspeed=0" onmousedown="scrollspeed=1">

Скорость регулируем через scrollspeed - 1 (самый минимум), -1 (минимум, но в другую сторону)

<< назад

Главная > ЧаВо >