Бесплатные скрипты : JavaScripts

главная добавить в избранное карта сайта контакт
Бесплатные скрипты

Графика
Навигация, кнопки, меню...
Окна
Скроллинг
Статистика
Текст, ссылки...
Формы
Фреймы
Часы, календари, калькуляторы...
Разное



Регистрация сайта в каталогах, раскрутка и оптимизация сайта, контекстная реклама

Бесплатные JavaScripts



Меню выдвигается сбоку



Скрипт


<!-- HEAD START HERE -->

<SCRIPT language=JavaScript>
<!-- Beginning of JavaScript -

// Set the starting position of the categories of your menu
var menu1top=5
var menu2top=95
var menu3top=185
var menuleft=-115

// This number configures the length and the speed of the menu-movement.
// Play around with it until you are satisfied.
var pace=14

// Don't change the variables below.
var step
var direction
var pause=25

var thismenu
var vorzeichen=1
var vorzeimenu1=-1
var vorzeimenu2=-1
var vorzeimenu3=-1

var menuismoving="no"


function inite() {
if (document.layers) {
document.menu1.left=menuleft
document.menu2.left=menuleft
document.menu3.left=menuleft
document.menu1.top=menu1top
document.menu2.top=menu2top
document.menu3.top=menu3top
}
if (document.all) {
document.all.menu1.style.posLeft=menuleft
document.all.menu2.style.posLeft=menuleft
document.all.menu3.style.posLeft=menuleft
document.all.menu1.style.posTop=menu1top
document.all.menu2.style.posTop=menu2top
document.all.menu3.style.posTop=menu3top
}
}

function getmenuname(clickedmenu) {
if (menuismoving=="no") {
if (document.layers) {
thismenu=eval("document."+clickedmenu)
}
if (document.all) {
thismenu=eval("document.all."+clickedmenu+".style")
}
step=pace
checkdirection()
movemenu()
}
}

function checkdirection() {
if (document.layers) {
if (thismenu==document.menu1){vorzeimenu1=vorzeimenu1*-1;vorzeichen=vorzeimenu1}
if (thismenu==document.menu2){vorzeimenu2=vorzeimenu2*-1;vorzeichen=vorzeimenu2}
if (thismenu==document.menu3){vorzeimenu3=vorzeimenu3*-1;vorzeichen=vorzeimenu3}
}
if (document.all) {
if (thismenu==document.all.menu1.style){vorzeimenu1=vorzeimenu1*-1;vorzeichen=vorzeimenu1}
if (thismenu==document.all.menu2.style){vorzeimenu2=vorzeimenu2*-1;vorzeichen=vorzeimenu2}
if (thismenu==document.all.menu3.style){vorzeimenu3=vorzeimenu3*-1;vorzeichen=vorzeimenu3}
}
menuismoving="yes"
}

function movemenu() {
if (document.layers) {
if (step>=0) {
thismenu.left+=step*vorzeichen
step--
var movetimer=setTimeout("movemenu()",pause)
}
else {
menuismoving="no"
clearTimeout(movetimer)
}
}
if (document.all) {
if (step>=0) {
thismenu.posLeft+=step*vorzeichen
step--
var movetimer=setTimeout("movemenu()",pause)
}
else {
menuismoving="no"
clearTimeout(movetimer)
}
}
}
// - End of JavaScript - -->
</SCRIPT>
<STYLE type=text/css>#menu1 {
LEFT: -1000px; POSITION: absolute
}
#menu2 {
LEFT: -1000px; POSITION: absolute
}
#menu3 {
LEFT: -1000px; POSITION: absolute
}
.baseline {
FONT-SIZE: 9pt; LEFT: 250px; COLOR: #000000; FONT-FAMILY: Arial; POSITION: absolute; TOP: 100px
}
</STYLE>



<!-- HEAD END HERE -->




</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0" onload=inite()>
<center>

<!-- BODY START HERE -->

<DIV id=menu1><IMG height=93 src="../images/primer103_1.gif" width=150 useMap=#primer103_1.gif border=0>
<MAP name=primer103_1.gif>
<AREA shape=RECT coords=117,10,132,83 href="javascript:getmenuname('menu1')">
<AREA shape=RECT coords=22,10,91,24 href="../../index.html">
<AREA shape=RECT coords=22,25,91,38 href="../../index.html">
<AREA shape=RECT coords=19,39,92,51 href="../../index.html">
<AREA shape=RECT coords=19,54,91,64 href="../../index.html">
<AREA shape=RECT coords=20,67,93,79 href="../../index.html">
</MAP></DIV>
<DIV id=menu2><IMG height=93 src="../images/primer103_2.gif" width=150 useMap=#primer103_2.gif border=0>
<MAP name=primer103_2.gif>
<AREA shape=RECT coords=117,7,133,82 href="javascript:getmenuname('menu2')">
<AREA shape=RECT coords=20,12,63,23 href="../../index.html">
<AREA shape=RECT coords=18,24,65,37 href="../../index.html">
<AREA shape=RECT coords=18,40,66,52 href="../../index.html">
<AREA shape=RECT coords=19,55,71,63 href="../../index.html">
<AREA shape=RECT coords=16,68,72,80 href="../../index.html">
</MAP></DIV>
<DIV id=menu3><IMG height=93 src="../images/primer103_3.gif" width=150 useMap=#primer103_3.gif border=0>
<MAP name=primer103_3.gif>
<AREA shape=RECT coords=117,7,133,82 href="javascript:getmenuname('menu3')">
<AREA shape=RECT coords=19,9,82,24 href="../../index.html">
<AREA shape=RECT coords=17,25,82,36 href="../../index.html">
<AREA shape=RECT coords=19,37,81,50 href="../../index.html">
<AREA shape=RECT coords=19,51,82,64 href="../../index.html">
<AREA shape=RECT coords=19,66,82,78 href="../../index.html">
</MAP></DIV>

<!-- BODY END HERE -->
</body>
</html>



Пример работы скрипта


Пример






DOWNLOADSCRIPTS © 2009-