ПРИМЕРЫ JAVASCRIPT

ПРИМЕРЫ JAVASCRIPT

ПРИМЕР-21 Мигающие ссылки
Этот код вставляете между тегами <HEAD>...</HEAD>:

ПРИМЕР-22 Подчеркивание ссылки при наведении на нее мышки
Этот код вставляете между тегами <HEAD>...</HEAD>:

ПРИМЕР-23 Mеню с подсветкой кнопок, ссылок
Подставляйте свои .gif , ссылки и пользуйтесь!

<HTML>
<HEAD>
 <TITLE>меню с подсветкой кнопок, ссылок</TITLE>

theobject=which2

highlighting=setInterval("highlightit(theobject)",50)

}

function low(which2){

clearInterval(highlighting)

which2.filters.alpha.opacity=30

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity<100)

cur2.filters.alpha.opacity+=5

else if (window.highlighting)

clearInterval(highlighting)

}

</script>

</HEAD>
<BODY BGCOLOR="#ffffff" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000">
<H2><center>Загарающееся меню.</H2>
<HR>
<a href="../name.htm"><img src="name.gif" border=0 style="filter:alpha(opacity=50)" onMouseover="high(this)" onMouseout="low(this)"></a>
<a href="../name.htm"><img src="name.gif" border=0 style="filter:alpha(opacity=50)" onMouseover="high(this)" onMouseout="low(this)"></a>
<a href="../name.htm"><img src="name.gif" border=0 style="filter:alpha(opacity=50)" onMouseover="high(this)" onMouseout="low(this)"></a>

</BODY>
</HTML>

ПРИМЕР-24 Mеню кнопкой GO

ПРИМЕР-25 Mеню без кнопки GO

ПРИМЕР-26 Mеню Навигатор, в форме

<TABLE border="2"  bgcolor="black" cellspacing="0" cellpadding="1">
<TD align=center><B><FONT FACE="arial" FONT SIZE="+1" COLOR="white">НАВИГАТОР</FONT><BR></B></TD></tr><tr>        
<script language="JavaScript">

</script>
</td></tr><tr><td align="center"><b>
<font face="arial" size="0" color="white">Выбирай и жми!</b></font>
</td></tr></table>

ПРИМЕР-27 Mеню c комментариями

<HTML>
<HEAD>
 <TITLE>Меню  с комментариями</TITLE>
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<script>
<!--
var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<h3><font color="Green">Java Applets</font></h3>Примеры апплетов'
content[1]='<h3><font color="Navy">Java Scripts</font></h3><br>Примеры JavaScript'
content[2]='<h3><font color="Maroon">Архив Статей</font></h3><br>Архив статей - ВСЕ для ВЕБМАСТЕРА!'
content[3]='<h3><font color="Olive">Промоушин</font></h3><br>Раскрутка сайта - самые эффективные методы'
content[4]='<h3><font color="Purple">Справочники</font></h3><br>Ваш текст.</h3>'

function regenerate(){
window.location.reload()
}

function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function changetext(whichcontent){
if (document.all)
descriptions.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}
}

//-->

</script>
</HEAD>

<H3><center>Меню с комментариями.</H3>
<HR>
<div id="scriptmenu" style="line-height:20px"><p><strong><font face="Verdana">
 <a href="http://www.eurostar.com.ua/applets.htm" onMouseover="changetext(content[0])" target="_blank"><h6><font color="Green">Java Applets</font></a>
 <a href="http://www.eurostar.com.ua/java.htm" onMouseover="changetext(content[1])" target="_blank"><font color="Navy">Java Scripts</font></a>
 <a href="http://www.eurostar.com.ua/notes.htm" onMouseover="changetext(content[2])" target="_blank"><font color="Maroon">Архив статей</font></a>
 <a href="../promotion.htm" onMouseover="changetext(content[3])" target="_blank"><font color="Olive">Промоушин</font></a>
 <a href="http://www.eurostar.com.ua" onMouseover="changetext(content[4])" target="_blank"><font color="Purple">Справочники</font></a></h6>
</font></strong></p>
</div>

</body>
</html>

ПРИМЕР-28 Двойное меню

<SCRIPT LANGUAGE="JavaScript">
<!--
var maxLength = 10;
     website = new Array;
     website[0] = "Морской бизнес";
     website[1] = "Все для Вебмастера";
     website[2] = "Разное";
     website[3] = "Трудоустройство";
     var trueLength = website.length;
     var lst = website.length;
     url = new Array;
     url[0] = "http://";
     url[1] = "http://";
     url[2] = "http://";
     url[3] = "http://";
     url[4] = "http://";
     ccselect = new Array;
     ccselect[0] = "Морской бизнес";
     ccselect[1] = "Все для Вебмастера";
     ccselect[2] = "Разное";
     ccselect[3] = "Трудоустройство";
     function changePage() 
     {
     menuNum = document.ccDoubleList.ccBitsyG.selectedIndex;
             if (menuNum == null){alert("Please select a category from the menu.");return;}
             else
             {
             i = document.ccDoubleList.ccDoubleZ.selectedIndex;
             window.location.href = url[i];
             }
     }
     function changeMenu()
     {
     website.length = 0;
     menuNum = document.ccDoubleList.ccBitsyG.selectedIndex;
             if (menuNum == null) return;
             if (menuNum == 0) 
             {
             website = new Array;
             website[0] = new Option("Услуги нашего агентства");
             website[1] = new Option("Оформление паспорта моряка");
             website[2] = new Option("STCW документы");
             website[3] = new Option("Морские ссылки(компании, порты, суда...");
			 website[4] = new Option("Открытые вакансии для моряков"); 
			 website[5] = new Option("Анкета для моряка"); 
			 website[6] = new Option("Cправочник морских сокращений"); 
			 website[7] = new Option("Наши реквизиты");

url = new Array;
             url[0] = "http://www.eurostar.com.ua/rus.htm";
             url[1] = "http://www.eurostar.com.ua/seaid.htm";
             url[2] = "http://www.eurostar.com.ua/stcw.htm";
             url[3] = "http://www.eurostar.com.ua/mlink.htm";
			 url[4] = "http://www.eurotrans.com.ua/vac.htm";
			 url[5] = "http://www.eurostar.com.ua/form.doc";
			 url[6] = "http://www.eurostar.com.ua/a-z/a-z.htm";
			 url[7] = "http://www.eurostar.com.ua/contactru.htm";
             }
             if (menuNum == 1) 
             {
             website = new Array;
             website[0] = new Option("Статьи");
             website[1] = new Option("Раскрутка сайта");
             website[2] = new Option("Примеры аплетов");
             website[3] = new Option("Примеры JavaScript");
             website[4] = new Option("Полезные ссылки, проги");
             website[5] = new Option("Обмен баннерами");
             website[6] = new Option("Бесплатныe Web Site Hosting");
             website[7] = new Option("Бесплатные e-mail");
             url = new Array;
             url[0] = "http://www.eurostar.com.ua/notes.htm";
             url[1] = "http://www.eurostar.com.ua/promotion.htm";
             url[2] = "http://www.eurostar.com.ua/applets.htm";
             url[3] = "http://www.eurostar.com.ua/java.htm";
             url[4] = "http://www.eurostar.com.ua/ok.htm";
             url[5] = "http://www.eurostar.com.ua/exch.htm";
             url[6] = "http://www.eurostar.com.ua/freeweb.htm";
             url[7] = "http://www.eurostar.com.ua/emailfree.htm";
             }
             if (menuNum == 2) 
             {
             website = new Array;
             website[0] = new Option("Мощный поисковик(42 в 1)");
             website[1] = new Option("Обзор поисковиков ");
             website[2] = new Option("Обзор Каталогов");
             website[3] = new Option("Доски бесплатных объявлений");
             website[4] = new Option("Желтые страницы");
             website[5] = new Option("Бесплатные звонки и факс");
             website[6] = new Option("Бесплатные телефонные карточки");
             website[7] = new Option("Виртуальный Херсон");
             website[8] = new Option("Вся халява Инета здесь!");
             url = new Array;
             url[0] = "http://www.eurostar.com.ua/multipoisk.htm";
             url[1] = "http://www.eurostar.com.ua/search.htm";
             url[2] = "http://www.eurostar.com.ua/catalog.htm";
             url[3] = "http://www.eurostar.com.ua/bbs.htm";
             url[4] = "http://www.eurostar.com.ua/yp.htm";
             url[5] = "http://www.eurostar.com.ua/phfaxfree.htm";
             url[6] = "http://www.eurostar.com.ua/phcardfree.htm";
             url[7] = "http://www.eurostarstar.com.ua/kherson.htm";
             url[8] = "http://top-halyava.ru/index.php?id=823";
             }
             if (menuNum == 3) 
             {
             website = new Array;
             website[0] = new Option("a");
             website[1] = new Option("b");
             website[2] = new Option("c");
             website[3] = new Option("d");
             website[4] = new Option("e");
             url = new Array;
             url[0] = "http://";
             url[1] = "http://";
             url[2] = "http://";
             url[3] = "http://";
             url[4] = "http://";
             }
     tot = website.length;
             for (i = lst; i > 0; i--) 
             { document.ccDoubleList.ccDoubleZ.options[i] = null; }
             for (i = 0; i < tot; i++)
             { document.ccDoubleList.ccDoubleZ.options[i] = website[i]; }
             document.ccDoubleList.ccDoubleZ.options[0].selected = true;
     lst = website.length;
     }
// -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
</center>

ПРИМЕР-29 Меню с подменю

ПРИМЕР-30 При клике, сверху выдвигается меню.

{

if(typos>-260)

{

tjump=-4;

if(typos>=130)

head_fahren();

}

ejump=-ejump;

if(eypos<=-200 || eypos>=20)

menue_fahren();

}

function menue_fahren()

{

if(document.layers) document.menue.top=eypos; else document.all.menue.style.top=eypos;

eypos+=ejump;

if(eypos>-200 && eypos<20)

setTimeout("menue_fahren()", delay);

}

function do_head()

{

if(eypos>-200)

{

ejump=-4;

if(eypos>=20)

menue_fahren();

}

tjump=-tjump;

if(typos<=-260 || typos>=130)

head_fahren();

}

function head_fahren()

{

if(document.layers) document.head.top=typos; else document.all.head.style.top=typos;

typos+=tjump;

if(typos>-260 && typos<130)

setTimeout("head_fahren()", delay);

}

</script>
</HEAD>
<BODY  BGCOLOR="#DDDDDD" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000">
<div style="position:absolute; z-index:2; left:300;">
<TABLE BORDER=0>
<TR><TD align=center>Навигация по сайту.</TD></TR>
<TR><BIG><TD align=center><a href="javascript:do_menue()">Нажми здесь!</a></BIG></TD></TR>
</TABLE>
</div>
<div id=menue style="position:absolute; top:-200; left:100; z-index: 2;">
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=3 width=450>
<TR>
<TD>
<A ONMOUSEOVER="window.status='Link 1' ;return true" HREF="http://" target="dummy">[Link 1]</a><br>
<A ONMOUSEOVER="window.status='Link 2' ;return true" HREF="http://" target="dummy">[Link 2]</a><br>
<A ONMOUSEOVER="window.status='Link 3' ;return true" HREF="http://" target="dummy">[Link 3]</a><br>
<A ONMOUSEOVER="window.status='Link 4' ;return true" HREF="name.htm" target="dummy">[Link 4]</a><br>
<A ONMOUSEOVER="window.status='Link 5' ;return true" HREF="name.htm" target="dummy">[Link 5]</a><br>
<A ONMOUSEOVER="window.status='Link 6' ;return true" HREF="name.htm" target="dummy">[Link 6]</a>
</TD>
</TR>
</TABLE>
</div>

ВСЕ ПРИМЕРЫ JavaScript

Архив статей - Все для вебмастера!