| Цитата |
не знаете, где можно скачать скрипт бегущей строки не только справа налево, но и наоборот?
|
А чего качать, вот попоробуй запусти этот код. Коментарии не писал, только код, но там главное разобраться в одной из четырёх функций, так как они идентичны, каждая двигает текст в своём направлении. Не трудно подправить этот код для движения текста по диагонали.
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script defer language="JavaScript" type="text/javascript">
<!--//
function goToRight() {
// Проверка для совместимости IE и NN
if ( document.all ) {
if ( mess.style.pixelLeft < 500 ) {
mess.style.pixelLeft += 2;
setTimeout("goToRight()", 50);
} else {
goToBottom();
}
} else {
if ( document.mess.left < 500 ) {
document.mess.left += 2;
setTimeout("goToRight()", 50);
} else {
goToBottom();
}
}
}
function goToBottom() {
if ( document.all ) {
if ( mess.style.pixelTop < 500 ) {
mess.style.pixelTop += 2;
setTimeout("goToBottom()", 50);
} else {
goToLeft();
}
} else {
if ( document.mess.top < 500 ) {
document.mess.top += 2;
setTimeout("goToBottom()", 50);
} else {
goToLeft();
}
}
}
function goToLeft() {
if ( document.all ) {
if ( mess.style.pixelLeft > 1 ) {
mess.style.pixelLeft -= 2;
setTimeout("goToLeft()", 50);
} else {
goToTop();
}
} else {
if ( document.mess.left > 1 ) {
document.mess.left -= 2;
setTimeout("goToLeft()", 50);
} else {
goToTop();
}
}
}
function goToTop() {
if ( document.all ) {
if ( mess.style.pixelTop > 1 ) {
mess.style.pixelTop -= 2;
setTimeout("goToTop()", 50);
} else {
goToRight();
}
} else {
if ( document.mess.top > 1 ) {
document.mess.top -= 2;
setTimeout("goToTop()", 50);
} else {
goToRight();
}
}
}
//-->
</script>
</head>
<body onLoad="goToRight()">
<div id="mess" style="position: absolute; left: 1; top: 1; font-weight: bold; font-color: #000000">Hello, world!</div>
</body>
</html>
|
PS: Этот код работает как в IE так и в Navigator'e. Если чего-то не поймёшь пиши, могу пояснить каждую строку.
Удачи |
