Rotierende Links | So sieht´s aus |
Quellcode |
<html>
<head> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> <style type="text/css"> Hier nichts</style> </head> <body> <script type='text/javascript'> var Links55 = new Array(); var Beschreibungen55 = new Array(); var Zielfenster55 = new Array(); var Zaehler55 = 0; var i55 = 0; /***** HIER DIE EINSTELLUNGEN FÜR DIE ANZEIGE VORNEHMEN *****/ var Feldbreite55 = 300; var Feldhoehe55 = 150; var Schriftart55 = "Arial"; var Schriftgroesse55 = 20; var kleinste_Schriftgroesse55 = 10; var Rotationsrichtung55 = "unten"; var bewegen_um_Pixel55 = 4; var Bewegungsintervall55 = 100; // LINK 1 Links55[i55] = "http://www.google.de"; Beschreibungen55[i55] = "HTML Knowhow"; Zielfenster55[i55++] = "_blank"; // LINK 2 Links55[i55] = "http://www.waluigi.homepage.eu"; Beschreibungen55[i55] = "Mein Solargarten"; Zielfenster55[i55++] = "_blank"; // LINK 3 Links55[i55] = "http://www.affusvongorilla.homepage.eu"; Beschreibungen55[i55] = "Today´s Lunch"; Zielfenster55[i55++] = "_blank"; // LINK 4 Links55[i55] = "http://www.homepage.eu"; Beschreibungen55[i55] = "Ovoice"; Zielfenster55[i55++] = "_blank"; if(Rotationsrichtung55=="oben") bewegen_um_Pixel55 = -bewegen_um_Pixel55; var Rotation_HTML55 = '%3Ctable border="0" width="'+Feldbreite55+'" style="height: '+Feldhoehe55+'px; position: relative">%3Ctr>%3Ctd>'; for(var j=0;j<i55;j++) Rotation_HTML55 += '%3Cform name="Rotationsform55" style="font-family: '+Schriftart55+'; font-size: '+Schriftgroesse55+'px; text-align: center; width: '+Feldbreite55+'px; position: absolute; top: 0px; left: 0px">%3Ca target="'+(Zielfenster55[j] ? Zielfenster55[j]:'_parent')+'" href="'+Links55[j]+'">'+Beschreibungen55[j]+'%3C/a>%3C/form>'; document.write(unescape(Rotation_HTML55+'%3C/td>%3C/tr>%3C/table>')); function Animation55() {for (var j=0;j<i55;j++) { with(i55>1 ? document.Rotationsform55[j].style:document.Rotationsform55.style) {fontSize = Math.round((Schriftgroesse55+kleinste_Schriftgroesse55)/2+Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*(Schriftgroesse55-kleinste_Schriftgroesse55)/2); top = (Feldhoehe55/2-Schriftgroesse55/2)+Math.sin((Zaehler55+j*360/i55)/180*Math.PI)*(Feldhoehe55-Schriftgroesse55)/2+"px"; zIndex = Feldhoehe55/2+Math.round(Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*Feldhoehe55/2);}} Zaehler55 += bewegen_um_Pixel55; window.setTimeout("Animation55()",Bewegungsintervall55);} </script> <script type="text/javascript">Animation55();</script> </center> </body> </html> |