Linkwiel

Een origineel menu! Een linkswiel. Heel handig, als je met de muis over een link beweegt, krijg je de beschrijving in het midden te zien. Verder kun je het wiel zowel naar rechts als naar links laten draaien.

Link 1

Link 2

Link 3

Link 4

Link 5

Link 6

Link 7

Link 8

Link 9

Link 10

Link 11

Link 12

Rob's Links

Beschrijving 1

Beschrijving 2

Beschrijving 3

Beschrijving 4

Beschrijving 5

Beschrijving 6

Beschrijving 7

Beschrijving 8

Beschrijving 9

Beschrijving 10

Beschrijving 11

Beschrijving 12

links draaien | rechts draaien

Onderstaand gedeelte moet je tussen de <HEAD> tags van je pagina plaatsen.

<script language = "JavaScript" type="text/javascript">

function showObject(object) {
        object.visibility = VISIBLE;
    }

function hideObject(object) {
        object.visibility = HIDDEN;
    }

function slideLogo(from, to) {
            if (from < to) {
                company.top = (from += 10);
                setTimeout('slideLogo(' + from + ',' + to + ')', 75);
            }
            else initObjects();
    }

function rotateObjects() {
            for (var i = 0; i < pos.length; i++) {
                pos[i] += inc; objects[i].visibility = 'visible';
                objects[i].left = (r * Math.cos(pos[i])) + xoff
                objects[i].top = (r * Math.sin(pos[i])) + yoff;
            }
        rotateTimer = setTimeout("rotateObjects()", 70);
    }

function initObjects() {
        objects = new Array(fly1, fly2, fly3, fly4, fly5, fly6, fly7, fly8, fly9, fly10, fly11, fly12);
        pos = new Array();
        pos[0] = 0;
            for (var i = 1; i < objects.length; i++) {
                pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
            }
        rotateObjects();
    }

var objects;
    var pos;
    var r = 160;        // radius
    var xoff = 350;     // x offset
    var yoff = 240;     // y offset
    var pi = Math.PI;   // get pi
    var inc = pi / 180; // degrees per rotation cycle (links drehen)
//    var inc = -(pi / 180); // degrees per rotation cycle (rechts drehen)
    var objects;        // objects to be rotated
    var pos;            // position for objects
	
function rechts() {
inc=pi/180;
}
function links() {
inc=-(pi/180);
}
	
//-->
</script>

Volgend gedeelte moet je tussen de <BODY> tags plaatsen.

<div id = "fly1" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc1)" onMouseOut = "hideObject(desc1)" class="LinkInt">Link 
  1</a><br>
  </font></div>
<div id = "fly2" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://robsdomein.nl" onMouseOver = "showObject(desc2)" onMouseOut = "hideObject(desc2)" class="LinkInt">Link 
  2</a><br>
  </font></div>
<div id = "fly3" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc3)" onMouseOut = "hideObject(desc3)" class="LinkInt">Link 
  3</a><br>
  </font></div>
<div id = "fly4" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc4)" onMouseOut = "hideObject(desc4)" class="LinkInt">Link 
  4</a><br>
  </font></div>
<div id = "fly5" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc5)" onMouseOut = "hideObject(desc5)" class="LinkInt">Link 
  5</a><br>
  </font></div>
<div id = "fly6" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc6)" onMouseOut = "hideObject(desc6)" class="LinkInt">Link 
  6</a><br>
  </font></div>
<div id = "fly7" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc7)" onMouseOut = "hideObject(desc7)" class="LinkInt">Link 
  7</a><br>
  </font></div>
<div id = "fly8" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc8)" onMouseOut = "hideObject(desc8)" class="LinkInt">Link 
  8</a><br>
  </font></div>
<div id = "fly9" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc9)" onMouseOut = "hideObject(desc9)" class="LinkInt">Link 
  9</a><br>
  </font></div>
<div id = "fly10" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc10)" onMouseOut = "hideObject(desc10)" class="LinkInt">Link 
  10</a><br>
  </font></div>
<div id = "fly11" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc11)" onMouseOut = "hideObject(desc11)" class="LinkInt">Link 
  11</a><br>
  </font></div>
<div id = "fly12" class = "fly"> <font face="Arial,Helvetica,MS Sans Serif"><a href = "http://www.robsdomein.nl" onMouseOver = "showObject(desc12)" onMouseOut = "hideObject(desc12)" class="LinkInt">Link 
  12</a><br>
  </font></div>
<div id = "company" class = "logo"><font face="Arial,Helvetica,MS Sans Serif">Rob's Links</font></div>
<div id = "desc1" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> Beschrijving
  1 </font></div>
<div id = "desc2" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> Beschrijving
  2 </font></div>
<div id = "desc3" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> Beschrijving
  3 </font></div>
<div id = "desc4" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> Beschrijving 
  4 </font></div>
<div id = "desc5" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> Beschrijving 
  5 </font></div>
<div id = "desc6" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> Beschrijving 
  6 </font></div>
<div id = "desc7" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> Beschrijving 
  7 </font></div>
<div id = "desc8" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> Beschrijving 
  8 </font></div>
<div id = "desc9" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> Beschrijving
  9 </font></div>
<div id = "desc10" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> 
  Beschrijving 10 </font></div>
<div id = "desc11" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> 
  Beschrijving 11 </font></div>
<div id = "desc12" class = "desc"><font face="Arial,Helvetica,MS Sans Serif"> 
  Beschrijving 12 </font></div>
<font face="Arial,Helvetica,MS Sans Serif">
<script language = "JavaScript" type="text/javascript">
<!--
    var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
 
    var HIDDEN = (isNS) ? 'hide' : 'hidden';
    var VISIBLE = (isNS) ? 'show' : 'visible';

var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
    var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
    var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
    var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
    var fly5 = (isNS) ? document.fly5 : document.all.fly5.style;
    var fly6 = (isNS) ? document.fly6 : document.all.fly6.style;
    var fly7 = (isNS) ? document.fly7 : document.all.fly7.style;
    var fly8 = (isNS) ? document.fly8 : document.all.fly8.style;
    var fly9 = (isNS) ? document.fly9 : document.all.fly9.style;
    var fly10 = (isNS) ? document.fly10 : document.all.fly10.style;
    var fly11 = (isNS) ? document.fly11 : document.all.fly11.style;
    var fly12 = (isNS) ? document.fly12 : document.all.fly12.style;
    var company = (isNS) ? document.company : document.all.company.style;
    var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
    var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
    var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
    var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;
    var desc5 = (isNS) ? document.desc5 : document.all.desc5.style;
    var desc6 = (isNS) ? document.desc6 : document.all.desc6.style;
    var desc7 = (isNS) ? document.desc7 : document.all.desc7.style;
    var desc8 = (isNS) ? document.desc8 : document.all.desc8.style;
    var desc9 = (isNS) ? document.desc9 : document.all.desc9.style;
    var desc10 = (isNS) ? document.desc10 : document.all.desc10.style;
    var desc11 = (isNS) ? document.desc11 : document.all.desc11.style;
    var desc12 = (isNS) ? document.desc12 : document.all.desc12.style;
    slideLogo(0, 140);
//-->
</script>
</font>
<div id="mm" style="position: absolute; top: 420; left: 21; width: 671; height: 258">
 
<p>
<a href="javascript:links()" class="LinkInt">links draaien</a> | 
<a href="javascript:rechts()" class="LinkInt">rechts draaien</a>
</p>
</div>

HOME SCRIPTS Java applets Javascripts PHP scripts Overige scripts GIF PLAATJES Animaties Bullets Lijnen Pijlen ACHTERGRONDEN Baksteen Gebladerte Water Voedsel Gras Stenen Metaal Papier Hout Objecten Ruimte Lucht Weefsels Marmer Gemengd Rots Kalk Spiralen Verschillend GENERATOREN FAQs-pagina Metatag Tabellen Dropdownmenu Popup DIVERSEN Design Documentatie HTML tags Entiteiten Starten met PHP Scripttaal PHP MySQL Praktijk van PHP Games Partners Links Awards Partners Toplijsten Vakanties Computers-inet Telecom Dating Tips Verdien geld HTML editors FTP, filesharing Browsers Zoekmachines Toplijst CONTACT Forum Gastenboek Email Banners Nieuwsbrief Webcam ZOEKEN
	Binnen 1 minuut uw link op LinkPages.nl !
	LinkPages.nl - Link toevoegen of aanmelden (nl)