Эффекты на основе Java Script

HAIR

One of the fine filaments
growing esp. from female legs
in order to be shaved.
Вернуться к описанию скрипта

HAND

Terminal part of human arm beyond wrist.
Similar member of all four limbs of monkey.
Вернуться к описанию скрипта

LEG

Organ of support and locomotion in animal
esp. lover limb of human body.
The smaller the brain the longer the legs.
Вернуться к описанию скрипта

KNEE

Joint between thigh and lower leg in man.
Mostly used to bend in reference to the boss.
Вернуться к описанию скрипта

FOOT

Terminal part of leg
beyond knee and ankle and
beyond reach of brain.
Вернуться к описанию скрипта

Раскрывающееся меню из картинок

	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<SCRIPT LANGUAGE="JavaScript1.2"> var bildCounter = 13; var kartinka = "stretch232.gif"; // картинка меню </script> <script src="http://skriptkpbstudio.ucoz.ru/demo_srt/meny_proch/menu_kart3/raskryw_menu_kartinka.js"></SCRIPT> <style type="text/css"> /* задаём местоположение меню / #img1 {position: absolute; left: 40; top: 86; visibility:hidden;} #img2 {position: absolute; left: 40; top: 86; visibility:hidden;} #img3 {position: absolute; left: 40; top: 86; visibility:hidden;} #img4 {position: absolute; left: 40; top: 86; visibility:hidden;} #img5 {position: absolute; left: 40; top: 86; visibility:hidden;} #img6 {position: absolute; left: 40; top: 86; visibility:hidden;} #img7 {position: absolute; left: 40; top: 86; visibility:hidden;} #img8 {position: absolute; left: 40; top: 86; visibility:hidden;} #img9 {position: absolute; left: 40; top: 86; visibility:hidden;} #img10 {position: absolute; left: 40; top: 86; visibility:hidden;} #img11 {position: absolute; left: 40; top: 86; visibility:hidden;} #img12 {position: absolute; left: 40; top: 86; visibility:hidden;} #img13 {position: absolute; left: 40; top: 86; visibility:hidden;} #img14 {position: absolute; left: 40; top: 86; visibility:hidden;} #img15 {position: absolute; left: 40; top: 66; visibility:hidden;} #img16 {position: absolute; left: 40; top: 66; visibility:hidden;} / задаём местоположение окон */ #page1 {position: absolute; left: 250; top: 50; visibility:hidden;} #page2 {position: absolute; left: 250; top: 50; visibility:hidden;} #page3 {position: absolute; left: 250; top: 50; visibility:hidden;} #page4 {position: absolute; left: 250; top: 50; visibility:hidden;} #page5 {position: absolute; left: 250; top: 50; visibility:hidden;} #page6 {position: absolute; left: 250; top: 50; visibility:hidden;} </style>
	Скрипт привожу без подробного описания. Того описания что даю считаю вполне достаточным. Впринципе все просто и Вы легко разберётесь сами. Естественно вместо приведённых картинок Вы можете использовать свои. Если кому-то данное меню понравилось, но у Вас проблемы с картинками или с его установкой, свяжитесь со мной я Вам помогу.
	В сам тег <BODY> вставляем атрибут
	onLoad="initiate()"
	Внутри тега <BODY> - </BODY> в любом месте.
	<!-- Задаём то что мы хотим видеть в окнах которые появляются при клике по участку даннай ссылки на картинке --> <div ID="page1"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=700 HEIGHT=430><TR ALIGN=middle><TD bgcolor="#FFAAAA"><FONT SIZE=5 face="Arial, Helvetica">HAIR</FONT><br><br><FONT SIZE=2 face="Arial, Helvetica">One of the fine filaments<br>growing esp. from female legs<br>in order to be shaved.</FONT><br><a href="raskryw_menu_kartinka.html">Вернуться к описанию скрипта</a></TD></TR></TABLE></div> <div ID="page2"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=700 HEIGHT=430><TR ALIGN=Center><TD bgcolor="#AAFFAA"><FONT SIZE=5 face="Arial, Helvetica">FACE</FONT><br><br><FONT SIZE=2 face="Arial, Helvetica">Foremost part of head<br>containing mouth and sense-organs.<br>Used to hide that nothing is behind.</FONT><br><a href="raskryw_menu_kartinka.html">Вернуться к описанию скрипта</a></TD></TR></TABLE></div> <div ID="page3"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=700 HEIGHT=430><TR ALIGN=Center><TD bgcolor="#AAAAFF"><FONT SIZE=5 face="Arial, Helvetica">HAND</FONT><br><br><FONT SIZE=2 face="Arial, Helvetica">Terminal part of human arm beyond wrist.<br>Similar member of all four limbs of monkey.</FONT><br><a href="raskryw_menu_kartinka.html">Вернуться к описанию скрипта</a></TD></TR></TABLE></div> <div ID="page4"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=700 HEIGHT=430><TR ALIGN=Center><TD bgcolor="#AA00AA"><FONT SIZE=5 face="Arial, Helvetica">LEG</FONT><br><br><FONT SIZE=2 face="Arial, Helvetica">Organ of support and locomotion in animal<br>esp. lover limb of human body.<br>The smaller the brain the longer the legs.</FONT><br><a href="raskryw_menu_kartinka.html">Вернуться к описанию скрипта</a></TD></TR></TABLE></div> <div ID="page5"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=700 HEIGHT=430><TR ALIGN=Center><TD bgcolor="#AAFF00"><FONT SIZE=5 face="Arial, Helvetica">KNEE</FONT><br><br><FONT SIZE=2 face="Arial, Helvetica">Joint between thigh and lower leg in man.<br>Mostly used to bend in reference to the boss.</FONT><br><a href="raskryw_menu_kartinka.html">Вернуться к описанию скрипта</a></TD></TR></TABLE></div> <div ID="page6"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=700 HEIGHT=430><TR ALIGN=Center><TD bgcolor="#00AAFF"><FONT SIZE=5 face="Arial, Helvetica">FOOT</FONT><br><br><FONT SIZE=2 face="Arial, Helvetica">Terminal part of leg<br>beyond knee and ankle and<br>beyond reach of brain.</FONT><br><a href="raskryw_menu_kartinka.html">Вернуться к описанию скрипта</a></TD></TR></TABLE></div> <div ID="img1"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=395></div> <div ID="img2"><MAP Name="nav.map"> <!-- задание местоположения ссылок --> <AREA shape="rect" Coords="65,11 133,31" onClick="goPage(16)" href="http://skriptkpbstudio.ucoz.ru" target=_blank> <AREA shape="rect" Coords="81,35 149,57" onClick="goPage(17)" href="http://webkpb.ucoz.ru" target=_blank> <AREA shape="rect" Coords="47,173 115,196" onClick="goPage(18)" href="http://kpbwebstudio.narod.ru" target=_blank> <AREA shape="rect" Coords="11,225 77,246" onClick="goPage(19)" href="#"> <AREA shape="rect" Coords="45,274 110,294" onClick="goPage(20)" href="#"> <AREA shape="rect" Coords="78,369 145,389" onClick="goPage(21)" href="#"> </MAP><img class=ramka SRC="stretch232.gif" border=0 width=159 height=395 usemap="#nav.map"></div> <div ID="img3"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=360></div> <!-- раскрывание меню --> <div ID="img4"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=320></div> <div ID="img5"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=280></div> <div ID="img6"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=240></div> <div ID="img7"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=200></div> <div ID="img8"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=160></div> <div ID="img9"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=120></div> <div ID="img10"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=90></div> <div ID="img11"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=60></div> <div ID="img12"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=30></div> <div ID="img13"><img class=ramka SRC="stretch232.gif" border=0 width=159 height=1></div> <div ID="img14"> </div> <!-- шапка меню --> <div ID="img15"><A HREF="javascript:expandNavigation()"><IMG class=ramka SRC="open232.gif" BORDER=0></A></div> <div ID="img16"><IMG class=ramka SRC="choose232.gif" BORDER=0></div>
	Возможно 3-и варианта:1. При клике по месту ссылки на картинке появляется дополнительное окно и осуществляется переход по ссылке(ссыка "HAIR" и "HAND"). 2. Только переход(ссылка "FACE"). 3. Только окно(ссылка "LEG", "KNEE" и "FOOT").
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.