Фото при наведении на текст-линк движется горизонтально влево или вправо

Фото при наведении на текст-линк движется влево или вправо

Главная Контакты Софт Термины Неисправности Поисковики Шаблоны Хостинг Домен Безопасность Переводчик Советы

«налево | направо »

Просмотр скрипта

<SCRIPT TYPE="text/javascript"> 
var UpdateInterval = 20;
var PixelPerInterval = 4;
var scorllerInterval;
function start_scroll_right() {
    scorllerInterval = setInterval(scroll_left, UpdateInterval);
}
function scroll_right() {
    document.getElementById('scroller').scrollLeft -= PixelPerInterval;
}
function start_scroll_left() {
    scorllerInterval = setInterval(scroll_right, UpdateInterval);
}
function scroll_left() {
    document.getElementById('scroller').scrollLeft += PixelPerInterval;
}
function stop_scrolling() {
    clearInterval(scorllerInterval);
}
</script>
</head>
<body bgcolor="#A1FEF9">
 <h3><center>Фото при наведении на текст-линк движется  влево или вправо</center> </h3>
 <table Border=0 CellSpacing=5 CellPadding=10 Width=100"%" Align="" vAlign="top">
 <tr>
  <td vAlign="top"> 
<div id="scroller" style="overflow: hidden; white-space: nowrap; width: 250px; padding: 5px; border: 0px solid #ccc;">
<img src=../Image/Тиритака1.jpg width=250 HEIGHT="280">
<img src=../Image/пантикапей.jpg width=250 HEIGHT="280">
<img src=../Image/пантикапей1.jpg width=250px HEIGHT="280">
<img src=../Image/Церковь.jpg width=250 HEIGHT="280">
<img src=../Image/Царский курган.jpg width=250 HEIGHT="280">
<img src=../Image/Церковь.jpg width=250px HEIGHT="280">
<img src=../Image/Церковь.jpg width=250 HEIGHT="280">
<img src=../Image/Церковь.jpg width=250 HEIGHT="280">
</div>
<p><span id="right" onmouseover="start_scroll_right()" onmouseout="stop_scrolling();">«налево</span> |
<span id="left" onmouseover="start_scroll_left()" onmouseout="stop_scrolling();">направо »</span></p><td><td>

Эффекты просмотра фото

Пример создания сайта
Размещение сайта в Интернете
Раскрутка сайта в Интернете
Заработок в Интернете
Visual Basic 6.0 с примерами
VBScript
Руководство по C++
JavaScript
Анимация в формате GIF
Вставка видео SWF в сайт.
Пиктограмма сайта (favicon)