« »

Pivoter une multitude de Liens dans un cercle ... comme si vous cherchiez Ã la striÃ©es cÃ´tÃ© d'un trimestre Ã plat sur une table. Pas plus de cinq ou six liens. Pas facilement personnalisables ... Connaissance de code nÃ©cessaires pour le changement du nombre de Liens Ã tourner. Mais malgrÃ© tout personnalisable.

Étiquette: Rotating Liens

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hébergement Web pour la première année MOMENT

Si vous êtes toujours à la recherche d'un fournisseur d'hébergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crédits supplémentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'êtes pas aussi! Plus important encore, lorsque vous enregistrez l'hébergement web à iPage grâce à notre lien, nous allons être heureux de renvoyer un plein remboursement. C'est génial! Vous devriez essayer iPage hébergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT première année MOMENT

Code
CSS
JavaScript
HTML
Imprimer

Copy All x2

<STYLE>DIV.spin {
	WIDTH: 15px; POSITION: absolute; BACKGROUND-COLOR: white
}
DIV.spinback {
	Z-INDEX: -1; WIDTH: 15px; POSITION: absolute
}
</STYLE>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<SCRIPT language=javascript>
// You must add your own "linkinfo" for each page. And the highest index in linkinfo must match numoflinks.
// You must also change the "width" property according to the size of the text in the <div>. (Measured in pixels)
// Yofcircle and Xofcircle control where the pivot point of the circle is.


function declarevars() {
numoflinks = 4;
rotatespeed = 1;
Yofcircle = 70;
Xofcircle = 550;
Widthofcircle = 100;
numofdeg = 360 / numoflinks;
theta = 360;
temp = 0;
if (numoflinks % 2) {
currentcenter = 0;
} else {
currentcenter = numoflinks /2
}
linkinfo = new Array();
linkinfo[1] = '<a href=http://javascriptbank.com>1</a>';
linkinfo[2] = '<a href=http://javascriptbank.com>2</a>';
linkinfo[3] = '<a href=http://javascriptbank.com>3</a>';
linkinfo[4] = '<a href=http://javascriptbank.com>4</a>';
}

function drawobjects() {
for (i = 1; i <= numoflinks; i++) {
document.write('<center><div class="spin" id=spin>' + linkinfo[i] + '</div></center>');
}
movetoplaces();
}

function movetoplaces() {
objects = new Array();
objects = document.all("spin");

for (i = 0; i < numoflinks; i++) {
objects[i].style.top = Yofcircle;
objects[i].style.left = Xofcircle + Math.sin(theta * Math.PI / 180 + (2 * Math.PI / (numoflinks) * i)) * Widthofcircle;
if (i != currentcenter) {
objects[i].className = "spinback";
} else {
objects[i].className = "spin";
}
}
}

function clockwise() {
clearclass();
theta -= rotatespeed;
temp -= rotatespeed;
for (i = 0; i < numoflinks; i++) {
objects[i].style.left = Xofcircle + Math.sin(-1 * theta * Math.PI / 180 + (2 * Math.PI / (numoflinks) * i)) * Widthofcircle;
if (theta < -360) {
theta = 0;
}
}
if (temp != numofdeg * -1) {
setTimeout("clockwise()", 10);
} else {
setclass();
}
}

function setclass() {
for (i = 0; i < numoflinks; i++) {
if (i != currentcenter) {
objects[i].className = "spinback";
} else {
objects[i].className = "spin";
}
}
}

function counter() {
clearclass();
theta += rotatespeed;
temp += rotatespeed;
for (i = 0; i < numoflinks; i++) {
objects[i].style.left = Xofcircle + Math.sin(-1 * theta * Math.PI / 180 + (2 * Math.PI / (numoflinks) * i)) * Widthofcircle;
if (theta > 360) {
theta = 0;
}
}
if (temp != numofdeg) {
setTimeout("counter()", 10);
} else {
setclass();
}
}

function clearclass() {
for (i = 0; i < numoflinks; i++) {
objects[i].className = "spinback";
}
}

function changecenter(num) {
temp = 0;
currentcenter += num;
if (currentcenter > numoflinks - 1) {
currentcenter = 0;
}
if (currentcenter < 0) {
currentcenter = numoflinks - 1;
}
if (num == -1) {
clockwise();
} else {
counter();
}
}
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<SCRIPT>
declarevars();
drawobjects();
</SCRIPT>
<BUTTON onclick=changecenter(-1);>&lt;-Left</BUTTON> <BUTTON onclick=changecenter(1);>Right-&gt;</BUTTON>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Commentaire (0)
Écrire

par Avant-première

Annuler réponse

Écrivez votre commentaire

Commentaires du client sera publié avant previwed
Donnez votre email réel pour obtenir des réponses notification ou commentaire sera supprimé

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure à 100% je suis humain réel
Je le répète, je ne suis pas bot

Sent (0)
Nouveau

BBCode
HTML
URL
JID

Cool Domains for Sale!

Déposer jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

30/01/2007
Unknown [more]
3,701
0
10
0
4.94 KBytes

JavaScript Rotating Liens - Langue: Française

4.9/5 10 votes / 3,701 previews / 0 commentaire 30/01/2007 Pivoter une multitude de Liens dans un cercle ... comme si vous cherchiez Ã la striÃ©es...JavaScript Rotating Liens - Rotating Liens - Langue: Française

vn2359 koolcy teddylinh[8]

Soyons premier membre de le faire

chuotyeulua