Drehende Links

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Drehende Links

Beitrag von Hape »

Bei diesem Script drehen mehrere Links im Kreis.

In den Body einfügen:

Code: Alles auswählen

<!-- Script-Anfang -->
<!-- www-java24.net - DIE Javascript - Ressource -->

<!--  Diesen Code musst Du in den -body- einbauen -->
<div id="icon0" style="position:absolute; top:225px; left:335px;">
  <a href="URL zur Homepage" rel="nofollow">Homepage-1</a></div>
<div id="icon1" style="position:absolute; top:225px; left:335px;"><p>
  <a href="URL zur Homepage" rel="nofollow">Homepage-2</a></div>
<div id="icon2" style="position:absolute; top:225px; left:335px;"><p>
  <a href="URL zur Homepage" rel="nofollow">Homepage-3</a></div>
<div id="icon3" style="position:absolute; top:225px; left:335px;"><p>
  <a href="URL zur Homepage" rel="nofollow">Homepage-4</a></div>
Dazu das Script:

Code: Alles auswählen

<script language="Javascript">
<!--
var zx,zy;
var mittex = 450;
var mittey = 370;
var radius = 100;
var speed = 0.010;
alpha = new Array(0,1.6,3.2,4.8);           // *1

function pol_zu_kart(mx,my,radius,alp)
{
  zx = mx + (radius * Math.sin(alp));
  zy = my + (radius * Math.cos(alp));
}

function weiterdrehen()
{
 for (i=0; i<=3; i++)                                        // *2
 {
  alpha[i]+=speed;
  if (speed>0)
  {
   if(alpha[i]>6.28) alpha[i]-=6.28;
  }
  else
  {
   if(alpha[i]<0) alpha[i]+=6.28;
  }
  pol_zu_kart(mittex,mittey,radius,alpha[i]);
  if(document.layers)
  {
   switch(i)
   {
    case 0:
     document.icon0.top=zy;
     document.icon0.left=zx;
     break;
    case 1:
     document.icon1.top=zy;
     document.icon1.left=zx;
     break;
    case 2:
     document.icon2.top=zy;
     document.icon2.left=zx;
     break;
    case 3:
     document.icon3.top=zy;
     document.icon3.left=zx;
     break;
   }                                                // *3
  }
  else
  {
   switch(i)
   {
    case 0:
     document.all.icon0.style.top=zy;
     document.all.icon0.style.left=zx;
     break;
    case 1:
     document.all.icon1.style.top=zy;
     document.all.icon1.style.left=zx;
     break;
    case 2:
     document.all.icon2.style.top=zy;
     document.all.icon2.style.left=zx;
     break;
    case 3:
     document.all.icon3.style.top=zy;
     document.all.icon3.style.left=zx;
     break;
   }                                                // *3
  }
 }
}

status = window.setInterval("weiterdrehen()",10);
//-->
      </script>

<!-- Script-Ende -->
<!-- www-java24.net - DIE Javascript - Ressource -->
Dazu die Demoseite: https://hapes-javascript-demo-page.hpag ... links.html

Antworten