Witaj milusio, skorzysta³am z tych kodów, powiem, ¿e z wielu na swoich stronkach za co serdecznie dziêkujê - bardzo mi siê podoba³y i by³y przydatne.
Po pierwsze ... witaj.
Nasze forum: PoWieF - Pogaduchy Wiersze Fraszki jak ju¿ sama nazwa wskazuje s³u¿y nam do zabawy s³owem. Mamy wprawdzie zbiór kodów na strony www, które kiedy¶, do czego¶ by³y nam potrzebne (a szkoda by³o usun±æ) jednak nie ma w¶ród nas obecnie osoby, która zna³aby siê na HTML-u. Spójrz na daty wpisów. Je¿eli w kodach ju¿ dodanych nie znajdziesz tego, czego szukasz to przykro mi, ale nie umiem pomóc. Mo¿e kto¶ inny.
Jak wróciæ do numerowania po wypunktowaniu? w przypadku kiedy mam kilka punktów a w niektórych s± podpunkty?
<ol>
<li>pierwszy element listy</li>
<li>drugi element listy</li>
</ol>
<ul>
<li>pierwszy element listy</li>
<li>drugi element listy</li>
</ul>
i co dalej?
wielonka napisał:
Rozwijana lista z linkami:
Kod:
<script language="JavaScript"> <!-- document.write('<form name="selecter"><select name="select1" size=1>'); document.write('<option value=none>Wybierz Strone'); document.write('<option value=none>----------'); document.write('<option value="LINK">OPIS'); document.write('<option value="LINK">OPIS'); document.write('<option value="LINK">OPIS'); document.write('<option value="LINK">OPIS'); document.write('<option value="LINK">OPIS'); document.write('</select>'); document.write('<INPUT TYPE="button" VALUE="Hop !" onclick="go()">'); document.write('</form>'); //--> </script>
Kto¶ mo¿e wie jak zrobiæ takie menu w bbcode?
Przycisk cofaj±cy na poprzedni± stronê:
<a href="javascript:history.back()"><img src="http://lf2.jcj.pl/infusions/translate_panel/images/back.png" alt="strzalka.png" /></a>
fajne te kody
Powitania gotowe:
Menu poziome z poziomym submenu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Menu rozwijane poziome z poziomym submenu - demo</title> <style type="text/css"> * {margin: 0; padding: 0;} #menu li {list-style: none;} #menu {height: 30px; position: relative;} #menu ul {visibility: hidden; padding-top: 1px; width: 100%; position: absolute; top: 100%; left: 0;} #menu li {float: left; padding-right: 1px;} #menu li:hover ul {visibility: visible;} #menu a, #menu li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; color: #fff; background-color: #666;} #menu li:hover a, #menu li:hover li:hover a {background-color: #333095;} </style> </head> <body> <ul id="menu"> <li><a href="#">Link 1</a> <ul> <li><a href="#">Link 1.1</a></li> <li><a href="#">Link 1.2</a></li> <li><a href="#">Link 1.3</a></li> </ul> </li> <li><a href="#">Link 2</a> <ul> <li><a href="#">Link 2.1</a></li> <li><a href="#">Link 2.2</a></li> <li><a href="#">Link 2.3</a></li> </ul> </li> <li><a href="#">Link 3</a> <ul> <li><a href="#">Link 3.1</a></li> <li><a href="#">Link 3.2</a></li> <li><a href="#">Link 3.3</a></li> </ul> </li> </ul> </body> </html>
Menu poziome z pionowym submenu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Menu rozwijane poziome z pionowym submenu - demo</title> <style type="text/css"> * {margin: 0; padding: 0;} #menu li {list-style: none;} #menu {height: 30px;} #menu ul {visibility: hidden; position: absolute; top: 100%; left: 0;} #menu li {float: left; padding-right: 1px; position: relative;} #menu li li {float: none; padding-top: 1px; width: 160px;} #menu li:hover ul {visibility: visible;} #menu a, #menu li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; color: #fff; background-color: #666;} #menu li li a {width: 140px;} #menu li:hover a, #menu li:hover li:hover a {background-color: #333095;} </style> </head> <body> <ul id="menu"> <li><a href="#">Link 1</a> <ul> <li><a href="#">Link 1.1</a></li> <li><a href="#">Link 1.2</a></li> <li><a href="#">Link 1.3</a></li> </ul> </li> <li><a href="#">Link 2</a> <ul> <li><a href="#">Link 2.1</a></li> <li><a href="#">Link 2.2</a></li> <li><a href="#">Link 2.3</a></li> </ul> </li> <li><a href="#">Link 3</a> <ul> <li><a href="#">Link 3.1</a></li> <li><a href="#">Link 3.2</a></li> <li><a href="#">Link 3.3</a></li> </ul> </li> </ul> </body> </html>
Menu pionowe
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Menu rozwijane pionowe - demo</title> <style type="text/css"> * {margin: 0; padding: 0;} #menu li {list-style: none;} #menu, #menu ul {width: 160px;} #menu ul {visibility: hidden; position: absolute; top: 0; left: 100%; padding-left: 1px;} #menu li {padding-bottom: 1px; line-height: 0; position: relative;} #menu li:hover ul {visibility: visible;} #menu a, #menu li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; width: 140px; color: #fff; background-color: #666;} #menu li:hover a, #menu li:hover li:hover a {background-color: #333095;} </style> </head> <body> <ul id="menu"> <li><a href="#">Link 1</a> <ul> <li><a href="#">Link 1.1</a></li> <li><a href="#">Link 1.2</a></li> <li><a href="#">Link 1.3</a></li> </ul> </li> <li><a href="#">Link 2</a> <ul> <li><a href="#">Link 2.1</a></li> <li><a href="#">Link 2.2</a></li> <li><a href="#">Link 2.3</a></li> </ul> </li> <li><a href="#">Link 3</a> <ul> <li><a href="#">Link 3.1</a></li> <li><a href="#">Link 3.2</a></li> <li><a href="#">Link 3.3</a></li> </ul> </li> </ul> </body> </html>
poziome menu ze zmieniaj±cym siê kolorem po lewej stronie
<style type="text/css"> <!-- div#menu { float: left; margin-right: 2px; } div#menu a { display: inline-block; text-decoration: none; color: #000000; padding: 1px; border-left: 6px solid #CCCCCC; margin-right: 10px; } div#menu a:hover { color: #FF0000; border-left: 6px solid #FF0000; } --> </style> <div id="menu"> <a href=""> Menu I</a> <a href=""> Menu II</a> <a href=""> Menu III</a> <a href=""> Menu IV</a> <a href=""> Menu V</a> </div>
Menu poziome
<!-- html, body { text-align: center; } --> <div style="text-align: center;"> </div> <!-- center--> <br /> <style type="text/css" media="screen"> <!-- /* Menu na naglowku http://designsg.tk/ */ body { font-family: Verdana, sans-serif; font-size: 14px; overflow: auto; padding: 10px; margin: 0px; } /* */ ul, li { list-style-type: none; padding: 0px; margin: 0px; } /* */ li a { padding-right: 20px;padding-top: 5px; } /* pozycja napisów */ div.menu { position: absolute; z-index: 3; top: 154px; left: 50%; margin-left:-420px; width:905px; } /* */ .menu li { width: 160px; float: left; } /* Obrazek g³owny*/ .menu a { border: 0px solid #000000; background-color: #000000; background-image: url(http://img.webme.com/pic/n/naazimcadeneme/nazimcabuton44.jpg); text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px 2px; display: block; height: 23px; color: #ffcc00; } /* obrazek 2 */ .menu a:hover { background-color: #; background-image: url(http://img.webme.com/pic/n/naazimcadeneme/rednaazimca1.jpg); } /* */ #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 12px; display: none; width: 160px; float: left; } /* */ #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <!-- http://designsg.tk/ --> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <!-- Ende des Scriptes --> <div class="menu"> <li><a href="javascript:void(1);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">TEST</a> <ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> <li><a href="javascript:void(1);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Von meiner HP</a> <ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> <li><a href="javascript:void(1);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Banner</a> <ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> <li><a href="javascript:void(1);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">HTML</a> <ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> <li><a href="javascript:void(1);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Serien</a> <ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> </div> <br /> <style type="text/css"> <!--</style>
SHOW TIME
Najbardziej zwariowany kod jaki tylko znam
Po zastosowaniu go pojawi Ci siê na stronie "SHOW TIME!!!-kliknij" . Gdy go klikniesz kod "zbierze" obrazki jakie siê znajd± na stronie, które z kolei zaczn± wariowaæ i lataæ. Gdy ponownie klikniesz napis, obrazki przy¶piesz± i tak w kó³ko....
<!-- präsentiert von kostenlose-javascripts.de --><br /> <p><a href="javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName('img'); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+'px'; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+'px'}R++}setInterval('A()',5); void(0);">SHOW TIME!-Kliknij</a></p><br /><br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --><br /> <div id="kostenlosejavascripts" align="center"><a href="http://webmastering.tnb.pl/news.php/" title="webmastering" target="_blank">webmastering</a></div><br /><br /> <!-- präsentiert von kostenlose-javascripts.de --><br />
Boczne menu znikaj±ce
<!-- webmastering bogdan1959 http://webmastering.tnb.pl/news.php --> <script language="JavaScript1.2"> /* bogdan1959-2011 Site: http://webmastering.tnb.pl/news.php E-mail: dino213@poczta.fm Version: 6.1 (NS6 zgodno¶æ) */ // Ustawienia domy¶lne. Nie zmieniaj ich. YOffset=40; // bez cudzys³owów!!! staticYOffset=40; // bez cudzys³owów!!! slideSpeed=20 // bez cudzys³owów!!! waitTime=1000; // bez cudzys³owów! ta ustawia czas menu pozostaje poza za po myszy wy³±cza j±. hdrFontFamily="Verdana"; hdrFontSize="8"; hdrFontColor="#000080"; hdrBGColor="#AFCCDE"; hdrAlign="right"; hdrVAlign="center"; hdrHeight="40"; linkFontFamily="Verdana"; linkFontSize="8"; linkBGColor="#000077"; linkOverBGColor="#FFF7E5"; linkTarget="_top"; linkAlign="left"; menuBGColor="#000080"; menuIsStatic="yes"; menuWidth=110; // Musi byæ wielokrotno¶ci± 10! bez cudzys³owów! barBGColor="#AFCCDE"; barFontFamily="Verdana"; barFontSize="8"; barFontColor="#000080"; barVAlign="top"; barWidth=30; // bez cudzys³owów!!! NS6 = (document.getElementById&&!document.all) IE = (document.all) NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") moving=setTimeout('null',1) function moveOut() { if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.style.pixelLeft<0)||(NS && document.ssm.left<0)) { clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed) if (NS6) {theleft+=10;ssm.left = theleft;} if (IE) {ssm.style.pixelLeft += 10;} if (NS) {document.ssm.left += 10;document.ssm.clip.left-=10}} else {clearTimeout(moving);moving=setTimeout('null',1)}}; function moveBack() { clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)} function moveBack1() { if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.style.pixelLeft>(-menuWidth))||(NS && document.ssm.left>(-menuWidth))) { clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed); if (NS6) {theleft-=10;ssm.left = theleft;} if (IE) {ssm.style.pixelLeft -= 10;} if (NS) {document.ssm.left -= 10;document.ssm.clip.left+=10}} else {clearTimeout(moving);moving=setTimeout('null',1)}}; lastY = 0; function makeStatic() { if (NS6) {winY = window.pageYOffset;} if (IE) {winY = document.body.scrollTop;var NM=document.all('ssm').style} if (NS) {winY = window.pageYOffset;var NM=document.ssm} if (NS6||IE||NS) { if (winY!=lastY&&winY>YOffset-staticYOffset) { smooth = .3 * (winY - lastY - YOffset + staticYOffset);} else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) { smooth = .3 * (winY - lastY);} else {smooth=0} if(smooth > 0) smooth = Math.ceil(smooth); else smooth = Math.floor(smooth); if (NS6) {ssm.top=parseInt(ssm.top)+smooth;} if (IE) NM.pixelTop+=smooth; if (NS) NM.top+=smooth; lastY = lastY+smooth; setTimeout('makeStatic()', 1)}} function initSlide() { if (NS6){ ssm=document.getElementById("ssm").style ssm.visibility="visible"; ssm.left = -menuWidth;} else if (IE) { document.all("ssm").style.visibility = "visible" document.all("ssm").style.pixelLeft = -menuWidth;} else if (NS) { document.layers["ssm"].clip.left = menuWidth; document.layers["ssm"].left = -menuWidth; document.layers["ssm"].visibility = "show"} if (menuIsStatic=="yes") makeStatic();} function reloadPage() {if(NS)location.reload()} function startMenu(menuHeader, barText) { if (IE||NS6) {document.write('<DIV ID="ssm" style="visibility:hidden;Position : Absolute ;Left : 0 ;Top : '+YOffset+' ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')} if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')} if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')} tempBar="" for (i=0;i<barText.length;i++) { tempBar+=barText.substring(i, i+1)+"<BR>"} document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+(menuWidth-1)+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>') theleft=-menuWidth} function addItem(text, link, target) { if (!target) {target=linkTarget} document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssmItems">'+text+'</DIV></LAYER></ILAYER></TD></TR>')} function addHdr(text) { document.write('<tr><td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+(menuWidth-1)+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')} function endMenu() { document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>') if (NS6){document.write('</TD></TR></TABLE>')} if (IE||NS6) {document.write('</DIV>')} if (NS) {document.write('</LAYER>')} if (NS6||IE||NS) setTimeout('initSlide();', 500)} window.onresize=reloadPage /* Konfiguracja style menu poni¿ej UWAGA: Aby zmieniæ kolor linku, przej¶æ do tagów STYLE i edytowaæ ssmItems kolorów */ YOffset=20; // bez cudzys³owów! staticYOffset=20; // bez cudzys³owów! slideSpeed=20 // bez cudzys³owów! waitTime=500; // bez cudzys³owów! ta ustawia czas menu pozostaje poza za po myszy wy³±cza j±. menuBGColor="#330000"; menuIsStatic="yes"; menuWidth=100; // Musi byæ wielokrotno¶ci± 10! bez cudzys³owów! hdrFontFamily="verdana"; hdrFontSize="2"; hdrFontColor="#002200"; hdrBGColor="#FF9900"; hdrAlign="left"; hdrVAlign="center"; hdrHeight="20"; linkFontFamily="Verdana"; linkFontSize="1"; linkBGColor="white"; linkOverBGColor="#880000"; linkTarget="_top"; linkAlign="Left"; barBGColor="#777777"; barFontFamily="Verdana"; barFontSize="4"; barFontColor="white"; barVAlign="center"; barWidth=20; // bez cudzys³owów! startMenu("Menu", "Grafika bogdan1959") addItem("G³ówna", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 1", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 2", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 3", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 4", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 5", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 6", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 7", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 8", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 9", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 10", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 11", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 12", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 13", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 14", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 15", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 16", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 17", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 18", "http://webmastering.tnb.pl/news.php", ""); addItem("nazwa 19", "http://webmastering.tnb.pl/news.php", ""); endMenu() </script>
tekst obracaj±cy siê dooko³a kursora
<SCRIPT language=JavaScript> <!-- if (document.all) { yourLogo = "http://webmastering.tnb.pl/news.php Darmowe scrypty "; logoFont = "Verdana"; logoColor = "ffffff"; yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 100; logoHeight = -25; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px;' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // --> </SCRIPT>