SCRIPTS (4)

<назад< (1) (2) (3) (4) (5) >далие> mail форма <html> <FORM NAME = "mail_form" ACTION = "mailto:Has-admin@mail.ru?Subject=Send from Mail Form" METHOD = "POST" ENCTYPE = "text/plain"> <INPUT TYPE = "hidden" SIZE = 0 NAME = "Host" value="<!--#echo var="REMOTE_HOST"-->"> <INPUT TYPE = "hidden" SIZE = 0 NAME = "IP" value="<!--#echo var="REMOTE_ADDR"-->"> <table> <tr> <td> Имя: <td> <INPUT TYPE = "text" NAME = "Name" size="30"> <TR> <td> Тема: <td> <INPUT TYPE = "text" NAME = "Subject" size="30"> <tr> <td> Город: <td> <INPUT TYPE = "text" NAME = "City" size="30"> <tR> <td> Ваш сайт: <td> <INPUT TYPE = "text" NAME = "Site" size="30" value="http://"> <tr> <td> Сообщение: <td> <TEXTAREA NAME="Comments" COLS=50 ROWS=6> </TEXTAREA> -звездачки убрать </table> <CENTER> <INPUT TYPE = "submit" VALUE = "Отправить"> <INPUT TYPE = "button" VALUE = "Вернуться" onClick="history.back();"> </CENTER> </FORM> Переливающеяся ссылка** <html> <SCRIPT LANGUAGE="JavaScript"><!-- document.onmouseover = domouseover; document.onmouseout = domouseout; function domouseover() { if(document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf("fade") > -1) { var linkName = srcElement.name; fadein(linkName); } } } function domouseout() { if (document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf("fade") > -1) { var linkName = srcElement.name; fadeout(linkName); } } } function makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i] = 0; return this; } hexa = new makearray(16); for(var i = 0; i < 10; i++) hexa[i] = i; hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; function hex(i) { if (i < 0) return "00"; else if (i > 255) return "ff"; else return "" + hexa[Math.floor(i/16)] + hexa[i%16];} function setbgColor(r, g, b, element) { var hr = hex(r); var hg = hex(g); var hb = hex(b); element.style.color = "#"+hr+hg+hb; } function fade(sr, sg, sb, er, eg, eb, step, direction, element){ for(var i = 0; i <= step; i++) { setTimeout("setbgColor(Math.floor(" +sr+ " (( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " (" +i+ "/" +step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",istep); } } function fadeout(element) { fade(255,150,0, 255,255,255, 30, 1, element); } function fadein(element) { fade(255,255,255, 255,150,0, 23, 1, element); } //--></SCRIPT> <a href="" name="fading_link_1" class="fade">Ссылка</a> Анимированное меню в DHTML* <html> <SCRIPT LANGUAGE="JavaScript"> <!-- n = (document.layers) ? 1:0 ie = (document.all) ? 1:0 function init() { slideoutActive = 0 if (n) { slideout1 = document.slideoutInterface.document.slideoutContent.document.slideoutContent1 slideout2 = document.slideoutInterface.document.slideoutContent.document.slideoutContent2 slideout3 = document.slideoutInterface.document.slideoutContent.document.slideoutContent3 slideout4 = document.slideoutInterface.document.slideoutContent.document.slideoutContent4 slideout5 = document.slideoutInterface.document.slideoutContent.document.slideoutContent5 } if (ie) { slideout1 = slideoutContent1.style slideout2 = slideoutContent2.style slideout3 = slideoutContent3.style slideout4 = slideoutContent4.style slideout5 = slideoutContent5.style } slideoutShown = slideout1 slideoutShown.xpos = 0 slideoutNew = "none" slideoutNew.xpos = -285 } function slideout(which) { if (!slideoutActive && slideoutShown != which) { slideoutActive = 1 slideoutNew = which slideoutNew.xpos = -285 slideoutLeft() } } function slideoutLeft() { if (slideoutShown.xpos > -285) { slideoutShown.xpos -= 15 slideoutShown.left = slideoutShown.xpos setTimeout("slideoutLeft()",30) } else { hide(slideoutShown) show(slideoutNew) setTimeout("slideoutRight()",50) } } function slideoutRight() { if (slideoutNew.xpos < 0) { slideoutNew.xpos += 15 slideoutNew.left = slideoutNew.xpos setTimeout("slideoutRight()",30) } else { slideoutShown = slideoutNew slideoutActive = 0 // stops the sequence } } function show(showobj) { if (n) showobj.visibility = "show" if (ie) showobj.visibility = "visible" } function hide(hideobj) { if (n) hideobj.visibility = "hide" if (ie) hideobj.visibility = "hidden" } //--> </SCRIPT> <STYLE TYPE="text/css"> <!-- A {color:#000000; font-family:'Arial'; font-weight:bold; font-size:10pt; text-decoration:none; line-height:20pt;} STRONG {font-family:'Arial'; font-size:15pt; font-weight:bold; line-height:25pt;} P {font-family:'Arial'; font-size:10pt; line-height:13pt;} TD {font-family:'Arial'; font-size:10pt; line-height:13pt;} #slideoutInterface {position:absolute; left:50; top:50; width:400; height:250; clip:rect(0,400,250,0); background-color:#000000; layer-background-color:#000000; visibility:visible;} #slideoutSidebar1 {position:absolute; left:5; top:5; width:100; height:30; clip:rect(0,100,30,0); background-color:#9797FF; layer-background-color:#9797FF;} #slideoutSidebar2 {position:absolute; left:5; top:40; width:100; height:30; clip:rect(0,100,30,0); background-color:#FFFF00; layer-background-color:#FFFF00;} #slideoutSidebar3 {position:absolute; left:5; top:75; width:100; height:30; clip:rect(0,100,30,0); background-color:#FF80C0; layer-background-color:#FF80C0;} #slideoutSidebar4 {position:absolute; left:5; top:110; width:100; height:30; clip:rect(0,100,30,0); background-color:#00FF80; layer-background-color:#00FF80;} #slideoutSidebar5 {position:absolute; left:5; top:145; width:100; height:30; clip:rect(0,100,30,0); background-color:#FF5353; layer-background-color:#FF5353;} #slideoutContent {position:absolute; left:110; top:5; width:285; height:240; clip:rect(0,285,240,0); background-color:#000000; layer-background-color:#000000;} #slideoutContent1 {position:absolute; left:0; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:visible;} #slideoutContent2 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} #slideoutContent3 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} #slideoutContent4 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} #slideoutContent5 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;} //--> </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" onLoad="init()"> <DIV ID="slideoutInterface"> <DIV ID="slideoutSidebar1"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout1)">Главная</A></P></DIV> <DIV ID="slideoutSidebar2"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout2)">Помощь</A></P></DIV> <DIV ID="slideoutSidebar3"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout3)">Сервис</A></P></DIV> <DIV ID="slideoutSidebar4"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout4)">Возможности</A></P></DIV> <DIV ID="slideoutSidebar5"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout5)">Разное</A></P></DIV> <DIV ID="slideoutContent"> <DIV ID="slideoutContent1"> <P ALIGN="CENTER"><STRONG>ГЛАВНАЯ</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> Это ссылка<A HREF="http://webcode.narod.ru"><FONT COLOR=BLUE>WEB code</FONT></A>. <P> а тут картинка должна быть: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Дальше я переводить не буду сами разберётесь. Паклацайте на кнопки, в менюхе клосная анимация (для скрипта :) </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent2"> <P ALIGN="CENTER"><STRONG>Help</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://webcode.narod.ru"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent3"> <P ALIGN="CENTER"><STRONG>Services</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://webcode.harod.ru"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent4"> <P ALIGN="CENTER"><STRONG>Products</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://webcode.narod.ru"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent5"> <P ALIGN="CENTER"><STRONG>Order</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://webcode.narod.ru"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> </DIV> <!-- copyright (i4) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s202.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html> Анимированные ссылки <html> <SCRIPT language=JavaScript> document.onmouseover = domouseover; document.onmouseout = domouseout; function ismsie4() { if ((navigator.appName.indexOf("Internet Explorer") > -1) && (navigator.appVersion.indexOf("4") > -1)) { return true } else { return false } } var linkTimeout = ""; function showArrow(activeArrowID, linkName) { for (i=0;i<=2;i++) { if (i == activeArrowID) { document.all[linkName + "Arrow"][i].style.color = "white"; document.all[linkName + "Arrow"][5 - i].style.color = "white"; } else { document.all[linkName + "Arrow"][i].style.color = ""; document.all[linkName + "Arrow"][5 - i].style.color = ""; } } activeArrowID++; if (activeArrowID > 2) { activeArrowID = 0; } linkTimeout = setTimeout("showArrow(" + activeArrowID + ', "' + linkName + '"' + ")", 120); } // This is separate because... umm, it makes things flexible ;-) function hideArrows(linkName) { for (i=0;i<=2;i++) { document.all[linkName + "Arrow"][i].style.color = ""; document.all[linkName + "Arrow"][5 - i].style.color = ""; } } function domouseover() { srcElement = window.event.srcElement; if (srcElement.className.indexOf("Link") > -1) { var linkName = srcElement.id; document.all[linkName + "Bracket"][0].style.color = "black"; document.all[linkName + "Bracket"][1].style.color = "black"; showArrow(0, linkName); } } function domouseout() { srcElement = window.event.srcElement; if (srcElement.className.indexOf("Link") > -1) { var linkName = srcElement.id; hideArrows(linkName); clearTimeout(linkTimeout); document.all[linkName + "Bracket"][0].style.color = ""; document.all[linkName + "Bracket"][1].style.color = ""; } } </SCRIPT> </HEAD> <BODY bgColor=black link=#c0c0c0 text=#ffffff vLink=#a6a6a6> <table width=100% height=100% border=0><tr><td align=center> <FONT face=Verdana size=1><FONT color=black><A id=mainArrow>></A> <A id=mainArrow>></A> <A id=mainArrow>></A></FONT> <A id=mainBracket>[</A> <A class=mainLink href="http://webcode.narod.ru" id=main target="_top">на WEB code</A> <A id=mainBracket>]</A><FONT color=black> <A id=mainArrow><</A> <A id=mainArrow><</A> <A id=mainArrow><</A> </FONT> </FONT> <P> <FONT face=Verdana size=1> <FONT color=black> <A id=emailArrow>></A> <A id=emailArrow>></A> <A id=emailArrow>></A></FONT> <A id=emailBracket>[</A> <A class=emailLink href="mailto:EVilBraiN@mail.ru" id=email target=_top>Мыльни мне</A> <A id=emailBracket>]</A> <FONT color=black> <A id=emailArrow><</A> <A id=emailArrow><</A> <A id=emailArrow><</A> </FONT> </FONT> </P> </td></tr></table> <назад< (1) (2) (3) (4) (5) >далие>

web master EVilBraiN
03 /2003