Главная » 2009 » Август » 6 » Движущееся меню (Javascript)
06.08.2009, 17:08

Движущееся меню



Движется только в IE.

Это ставим в head:

Code
<style>
BODY
{
}
.clsMenu
{
LEFT: 200px;
POSITION: absolute;
TOP: 300px;
Z-INDEX: 9
}
.clsBlue
{
LEFT: 200px;
POSITION: absolute;
TOP: 300px;
Z-INDEX: 8
}
.clsLink1
{
LEFT: 200px;
POSITION: absolute;
TOP: 300px;
Z-INDEX: 10
}
.clsLink2
{
LEFT: 272px;
POSITION: absolute;
TOP: 300px;
Z-INDEX: 10
}
.clsLink3
{
LEFT: 346px;
POSITION: absolute;
TOP: 300px;
Z-INDEX: 10
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Daniel Dhillon (daniel@dhillon.com) -->
<!-- Web Site: http://www.daniel.dhillon.com -->

<! >
<! >

<!-- Begin
ie4 = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ))
ns4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4 ))

var FStart = "";
var BStart = "";

if (ns4) {
layerRef="document.layers";
styleRef="";
} else {
layerRef="document.all";
styleRef=".style";
}  

function movFwd(which, xstart, xfinish, ystart, yfinish, step, speed) {  
BStart = "";
if (FStart == "") {
FStart = xstart;
}
if (ie4 || ns4) {
if (xstart < xfinish) {  
eval(layerRef + '["' + which +'"]' + styleRef + '.top = ystart');
eval(layerRef + '["' + which +'"]' + styleRef + '.left = xstart');
xstart = xstart + step;  
setTimeout("movFwd('" + which + "', " + xstart + ", " + xfinish + ", " + ystart + ", " + yfinish + ", " + step + ", " + speed + ")", speed);
} else {
setTimeout("movBwd('" + which + "', " + xfinish + ", " + FStart+", " + ystart + ", " + yfinish + ", " + step + ", " + speed + ")", speed);
  }
  }
}

function movBwd(which, xstart, xfinish, ystart, yfinish, step, speed) {
FStart = "";
if (BStart == "") {
BStart = xstart;
}
if (ie4 || ns4) {
if (xstart > xfinish) {  
eval(layerRef + '["' + which +'"]' + styleRef + '.top = ystart');
eval(layerRef + '["' + which +'"]' + styleRef + '.left = xstart');
xstart = xstart - step;  
setTimeout("movBwd('" + which + "', " + xstart + ", " + xfinish + ", " + ystart + ", " + yfinish + ", " + step + ", " + speed + ")", speed);
} else {
setTimeout("movFwd('" + which + "', " + xfinish + ", " + BStart + ", " + ystart + ", " + yfinish + ", " + step + ", " + speed + ")", speed);
  }
  }
}
// End -->
</script>

А это в body:

Code

<BODY onLoad="movFwd('bl_grad',200,346,300,300,2,15)">

<!-- STEP THREE: Copy this code into the BODY of your HTML document -->

<img src="../img/moving-image-behind-menu/menu.gif" border=0 class="clsMenu">
<img src="../img/moving-image-behind-menu/bl_grad.jpg" border=0 class="clsBlue" id="bl_grad">
<a href="JavaScript:void(0)"><img src="../img/moving-image-behind-menu/blank.gif" height="16" width="55" border=0 class="clsLink1" alt=home></a>
<a href="JavaScript:void(0)"><img src="../img/moving-image-behind-menu/blank.gif" height="16" width="55" border=0 class="clsLink2" alt="Links"></a>
<a href="JavaScript:void(0)"><img src="../img/moving-image-behind-menu/blank.gif" height="16" width="54" border=0 class="clsLink3" alt="Contact"></a>

Ссылочки исправляем под себя.

А вот картики, которые нужно закинуть в корень сайта:

Материал взят с сайта infoscript.ru
Теги: Скачать Движущееся меню
Скачать "Движущееся меню"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: INTM
Категория: JavaScript's | Просмотров: 2379 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: Движущееся меню на javascript
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]