Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: прокрутка текста
 
 автор: AlexSol   (01.06.2006 в 13:51)   письмо автору
 
 

есть текст, его необходимо запихнуть в область фиксированного размера (думаю div) и по нажатию кнопок "вверх" "вниз" (именно кнопок) это дело нужно прокручивать. вроде дело не сложное, но все что нащел слишком грамоздко и сложноразбираемо, а мне бы попроще, только для эксплорера.

   
 
 автор: elenaki   (01.06.2006 в 14:15)   письмо автору
 
   для: AlexSol   (01.06.2006 в 13:51)
 

это тоже громоздко? там три скорости прокрутки, их можно сократить


<script LANGUAGE="JavaScript">

<!-- Begin

function verScroll(dir, spd, loop) {

loop = true;
direction = "up";
speed = 10;
scrolltimer = null;
if (document.layers) {
var page = eval(document.contentLayer);
}
else {
if (document.getElementById) {
var page= eval("document.getElementById('contentLayer').style");
}
else {
if (document.all) {
var page = eval(document.all.contentLayer.style);
}
}
}

direction = dir;
speed = parseInt(spd);
var y_pos = parseInt(page.top);
if (loop == true) {
if (direction == "dn") {
page.top = (y_pos - (speed));
} else {
if (direction == "up" && y_pos < 10) {
page.top = (y_pos + (speed));
} else {
if (direction == "top") {
page.top = 10;
}
}
}

scrolltimer = setTimeout("verScroll(direction,speed)", 1);
}
}

function stopScroll() {
loop = false;
clearTimeout(scrolltimer);
}

// End -->

</script>


<DIV id="contentLayer" style="position:absolute; width:200px; z-index:1; left: 0px; top: 0px">
??? ????? ??????? ?????? ?? ??????????? ?????? ?? ?????????? "???????", ???? ???????? ? ???? ???????????<br> ???????,<br> 
??? ??? ??? ????? ????????- ????. ??????? ???????, ???? ??????? ????, ?? ???? ?????? ???????<br> ????????<p></p> ???. ????????? ????? ???????? ??? ?? ?????????? ????.  ????????? ? ????? ? ?????, ????????<br> ??????,<br> ???????????? ????????? ???????, ???? ???????????? ???? ????????? ??????? ? ????? ?????????? ???????<br> ??<br> ?????? ??????? ? ?????????????, ????????? ?????-?? ?? ??? ???????. ???? ???????? ???? ?????? ?????? ?<br> ???????*.??? ???? ?????, ????? ????????, ??????? ??????? ????? ??????? ???????, ?????????? ?? ?????? ?? ????? ??<br> ???? ?????, ?????? ? ????? ?????? ???? ?????? ??????????.  ???? ????? ?? ??????.    <br> 
?? ????????????? ????? ????????? ? ?????? ?????? ??????, ?????, ??? ? <br>??????, ????? ????? ?? ?????????? ????,<br> ?????? ????????? ??? ??????-?????? ?????? ???????????? ???.?????? ??????????? ????, ????????? ????? ????????<br> ????????? ????????? ?????.   ?????? ? ?????? ???????? ???????, ??????? ?????????? ??? ???? ?????????????? ????????<br> ???????.  
 ?????, ? ????? ???????, ??? ?????????????? ?? ???????, ????????? <br>?????????, ??????? ???????? ? ????? ?????????<br> ??????, ???? ? ?????? ????? ?????????? ??????? ????? ????????????? ???????? ?????. ???????????? ??<br> ???????<br> ????????<br> ???? ? ????? ????? ?????????????? ?????????. ???? ? ???????? ?? ???? ??????????? ? ????? ?????????????<br> ??????????, ??????? ????????? ???????, ? ?? ? ?????? ????? ????????? ?????.  <br>
    ???? ???????? ?? ??????? ????????? ?? ????? ???????? ????????? <br>?? ???????? ????? ???????????? ??????? ??????<br> ????????: ?????? ????????, ?????????, ???????? ???????? ? ?????????? ?????.<br>
?? ?????? ??????? ???????? ????????? ???????, ?????????? <br>????? ?????, ????? ? ??????, ?? ?????????, ? ?? ??????????<br> ???????? ??? ?????????. </DIV>


<DIV id="scrollmenu" style="position:absolute;width:200px;height:30px;z-index:1; left:400px; top: 40px"> <TABLE border="1">
<TR>
<TD>Up</TD>
<TD>Down</TD>
</TR><TR>
<TD>
<A href="#" onMouseOver="verScroll('dn','1','true')" onMouseOut="stopScroll()">&gt;</A> 
<A href="#" onMouseOver="verScroll('dn','5','true')" onMouseOut="stopScroll()">&gt;&gt;</A> 
<A href="#" onMouseOver="verScroll('dn','25','true')" onMouseOut="stopScroll()">&gt;&gt;&gt;</A> </TD>
<TD>
<A href="#" onMouseOver="verScroll('up','1','true')" onMouseOut="stopScroll()">&gt;</A> 
<A href="#" onMouseOver="verScroll('up','5','true')" onMouseOut="stopScroll()">&gt;&gt;</A> 
<A href="#" onMouseOver="verScroll('up','25','true')" onMouseOut="stopScroll()">&gt;&gt;&gt;</A> </TD></TR></TABLE>
</DIV>

   
 
 автор: AlexSol   (01.06.2006 в 15:06)   письмо автору
 
   для: elenaki   (01.06.2006 в 14:15)
 

очень близко к нужному! спасибо, осталось сделать, чтоб наверх до конца ну уползало и на клик срабатывало, но это я сам думаю осилю.

   
 
 автор: 12345   (01.06.2006 в 15:12)   письмо автору
 
   для: AlexSol   (01.06.2006 в 15:06)
 

Фрейм с прокруткой вполне управляется кнопками "вверх" и "вниз".

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования