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>