1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
| <!DOCTYPE html>
<!-- saved from url=(0041)[url]http://usefulscript.ru/scrolling_text.php[/url] -->
<html lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" src="./Автоматическая прокрутка текста в блоке_files/context.js.Без названия" async=""></script><script type="text/javascript" src="./Автоматическая прокрутка текста в блоке_files/context.js.Без названия" async=""></script><script type="text/javascript" src="./Автоматическая прокрутка текста в блоке_files/context.js.Без названия" async=""></script><script type="text/javascript" src="./Автоматическая прокрутка текста в блоке_files/context.js.Без названия" async=""></script><script type="text/javascript" src="./Автоматическая прокрутка текста в блоке_files/context.js.Без названия" async=""></script><script type="text/javascript" src="./Автоматическая прокрутка текста в блоке_files/context.js.Без названия" async=""></script><script type="text/javascript" src="./Автоматическая прокрутка текста в блоке_files/context.js.Без названия" async=""></script><script async="" src="https://yastatic.net/share2/share.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Автоматическая прокрутка текста в блоке</title>
<meta name="description" content="В данной теме мы рассмотрим пример автоматической прокрутки текста в блоке
в заданном направлении при наведении курсора мышки на стрелку вверх или вниз.">
<meta name="keywords" content="прокрутка текста, автоматическая прокрутка, скроллинг текста, прокрутка вверх, скрипт прокрутки текста, кнопки прокрутки, JavaScript">
<meta name="author" content="http://usefulscript.ru">
<!--<base href="http://usefulscript.ru/">--><base href=".">
<link rel="alternate" type="application/rss+xml" title="RSS-лента сайта UsefulScript.ru" href="http://usefulscript.ru/rss.php">
<link rel="stylesheet" type="text/css" href="./Автоматическая прокрутка текста в блоке_files/style.css">
<link rel="icon" href="http://usefulscript.ru/favicon.ico" type="image/x-icon">
</head>
<body>
<script type="text/javascript">
function move(id, spd) {
var obj = document.getElementById(id);
var max = parseInt(obj.parentNode.offsetHeight - obj.offsetHeight);
var top = parseInt(obj.style.top);
if ((spd>0&&top<=0)||(spd<0&&top>=max)){
obj.style.top = top + spd + "px";
move.to = setTimeout(function(){ move(id, spd); }, 2000);
}
else obj.style.top = (spd>0?0:max) + "px";
}
</script>
<table style="margin: 0 auto;border="5";width: 600px;">
<style>
h1 {
font-family: 'Times New Roman', Times, serif; /* Гарнитура текста */
font-size: 500%; /* Размер шрифта в процентах */
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22pt; /* Размер шрифта в пунктах */
}
</style>
<tbody><tr>
<td style="background: #00FF7F; width: 1500px;font-size: 33pt; height: 500px; border: 9px solid black;
position: relative;overflow:scroll;">
<div id="block" style="left: 5px; right: 5px; top: 3px; position: absolute; class="layer";style="width:2000px;
height:1000px;">
.укору умещюуделс к мидохереп
.акитегренэ ашав и еинанзос ешав ывотог тудуб умот к адгок ,оннепетсоп сав в ястюорксар иигренэ оге и ,морогергэ с изявс яицамрофни анасипорп елоп мешав в ,одан как олшозиорп есв енвору моксечитегренэ ан :етйавижереп ен ыв ,тедуб ен улачаноп адярбо яинедеворп то »воткеффэ« хыбосо сав у илсе окандо .яинедивонся арогергэ ланак ан икйортсан еиксечитегренэ ьтянирп ошорох ьтсонжомзов теад отч ,ативзар еенем-еелоб – ьтсоньлетивтсвуч ашав а ,анеовсу ьтыб анжлод ежу яинедивонся узаб укьлоксоп ,срук тотэ в алсеныв я дярбо йыннад
.отч тов ьтитемто учох иинечюлказ в
.»уволог юовт или ябет теачак окьногел от-отк отдуб как ,еынтяирп ,еикгел яинещущо итэ есв .угурк оп ыволог еинежурк .овелв окьлот или оварпв окьлот адгони ,зинв-хревв ,овелв-оварпв ,йоволог иквик ):оньлис кат ен ,онйокопс окьлот ,акшялавен как ,уноротс в ыноротс зи еинавичакоп :еикат илыб яинещущо« .2
.»ебес к ее алязв ыботч ,йопал ьтакраш янем теаничан кат ,дярбо юавичнаказ окьлот как а ,екирвок ан модяр тижел онйокопс ано ,дярбо ужоворп я адгок ,тут а ,акабос ястисорп адгесв икур ан енм ок ,олсерк в ьсужас я адгок :алитемаз еще отч а .тунзечси и тюавалпоп – кечот ащипокс ,икчот от-еикак ьтакинзов илатс имазалг дереп отсач ьнечо и .еоннеовдзар отсорп ,мотевц микакин онешарко ен ,еончарзорп оно :автснартсорп оннеми а ,йещев ен – автснартсорп еинеовдзар от-еокак олшоп отч ,алитемаз яндогес водярбо елсоп и .окраж ьсоливонатс ,иеш ,ыволог итсалбо в еинелвад еоньлис алавовтсвуч яинедеворп ямерв ов .адярбо ирт алеворп .яинедивонся уланак к яинечюлкдоп водярбо яинедеворп хататьлузер о ьсюавысипто« .1
.вокинечу хиом ииратнеммок удевирп ,яинедивонся урогергэ к яинечюлкдоп то ьтичулоп етежом ыв ткеффэ йокак ,ьтяноп ыботч
* * *
.вокору хылшорп зи яинедивонся еитивзар ан яиненжарпу ьтажлодорп етежом ыв мотэ ирп
.дярбо йыннад етйяротвоп онвендеже иледен еинечет в
.укитегренэ ушав в ьсиласипв онвалп иигренэ еыннечулоп ыботч ,51–01 туним ыб ятох ,етижелоп
.имас тюарогод ино ьтсуп – еиновогалб и ичевс етишутаз ,ястичноказ яицатидем адгок .укызум юунйокопс ьдубин-юукак ьтичюлкв оньлеталеж иицатидем ямерв ов
.)k3tr9fmt1ju5q/d/ks.iday//:ptth :тут етежом ыв юицатидем ьтачакс( воловмис хитэ имяигренэ овтснартсорп ешав ьтатип яажлодорп ,ее етйавишулсорп отсорп и юицатидем етйачюлкв ,ьсолитысан ежу ими овтснартсорп ешав отч ,ьсолинтолпу йигренэ хымеавызирп елоп отч ,етитущо адгок .сав в тядохв иигренэ ималовмис еымеачулзи как ,етйялватсдерп и ,тюачанзобо ино юуроток ,юигренэ уловмис умоджак к ьтунятирп уднамок илсым йешав етйад .ьсилаворивитка ино отч ,яялватсдерп ,ыловмис ан етиртомс ьтяп туним
.оге етигжаз и еиновогалб етьватсоп йоммаргорп дан .хи етигжаз и ичевс етьватсоп ыммаргорп малгу мерытеч оп
.моксов ьтакчапаз ен онйачулс оге ыботч ,лйаф в йоммаргорп с котсил етижолоп
.еиновогалб ,аммаргорп ,ичевс еынвокрец еынчыбо ерытеч :ытубирта
.ьтапсоп ,ьтунходто окжонмен адярбо елсоп илгом ыв ыботч ,ешчул он ,онжав ьлотс ен яинедеворп ямерв
яинедивонся урогергэ к яинечюлкдоп дярбо
.дярбо йищюуделс йен с етидеворп и уммаргорп утэ етйуринаксто
яинедивонся урогергэ к яинечюлкдоп и яинанзос яинеришсар аммаргорп .2 .сир
.яинедивонся урогергэ к яинечюлкдоп и яинанзос яинеришсар аммаргорп ястеагалирп укору к
.яинанзос огешав од арогергэ то аланак огокориш юинадзос ,яинедивонся урогергэ к юинечюлкдоп нещявсоп мокилец кору йыннад
.п .т и ,еинедивонся ьтавивзар еищюагомоп ,игинк и идюл ясьтачертсв ещач тудуб уме ;ишуд и амзинагро оге ьтсоньлетивтсвуч яащбо ястичилеву ;ешчул и еертсыб ясьтавивзар как ,мот о иеди ьтидохирп тудуб умен к ;яинедивонся ыбосопс еынзар ьтачулоп тенчан кеволеч .еертсыб тедйоп яинедивонся еитивзар от – ,юинанзос к арогергэ то йещядохорп ,иицамрофни-огренэ котоп вичилеву и мин с изявс ланак виришсар ,»оньлетидунирп« ясьтичюлкдоп умен к илсе он .рогергэ йыннад в тядохв иксечитегренэ ежбулг и ежбулг есв ечани или кат ,яинедивонся огеовс меитивзар ястюаминаз еыроток ,идюл ет
.рогергэ йовс ьтсе ежот оген у – меинечюлкси ястеялвя ен еинедивонся
.окориш и онлоп еелобиан еинелвя отэ ьчитсоп ьтсонжомзов укеволеч теад урогергэ умокат к еинечюлкдоп и ,иинелвя моннад о яицамрофни ясв ястижредос ерогергэ мотэ в .морогергэ мынневтсбос теадалбо ,йедюл огонм ястеаминаз мыроток ,тюамуд огонм мороток о ,еинелвя еобюл
яинедивонся урогергэ к еинечюлкдоп .1 кору
<br>
</div>
</td>
<td style="width: 20px; text-align: right;">
<img src="./Автоматическая прокрутка текста в блоке_files/up.png" alt="" onmouseover="move('block', 5)" onmouseout="clearTimeout(move.to)">
<br><br><br><br>
<img src="./Автоматическая прокрутка текста в блоке_files/down.png" alt="" onmouseover="move('block', -5)" onmouseout="clearTimeout(move.to)">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--/noindex-->
<script src="./Автоматическая прокрутка текста в блоке_files/js.js.Без названия"></script>
<div class="str_down" title="Вверх" style="display: block;"></div><div class="str_up" title="Вниз" style="display: block;"></div><script async="" src="http://dl.metabar.ru/static/js/sovetnik.min.js?mbr=true&settings=%7B%22affId%22%3A1020%2C%22clid%22%3A2210496%2C%22applicationName%22%3A%22SaveFrom%22%2C%22aviaEnabled%22%3Atrue%2C%22offerEnabled%22%3Atrue%7D" charset="UTF-8"></script><iframe src="./Автоматическая прокрутка текста в блоке_files/saved_resource.html" style="width:1px;height:1px;display:none;" frameborder="0" width="0" height="0"></iframe></body></html> |
(
