« »

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

Gï¿½nï¿½rez vos vidï¿½os d'entreprise par l'IA avec la voix ou simplement du texte

Votre premiï¿½re application vidï¿½o AI GRATUITE ! Automatisez votre premiï¿½re vidï¿½o AI. Crï¿½ez votre vidï¿½o professionnelle en 5 minutes grï¿½ce ï¿½ l'IA. Aucun ï¿½quipement ni compï¿½tence en montage vidï¿½o requis. Production vidï¿½o sans effort pour les spï¿½cialistes du marketing de contenu. Application vidï¿½o AI ILLIMITï¿½E gratuite ï¿½ portï¿½e de main

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

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

Dï¿½poser jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

30/01/2007
Unknown [more]
4,172
0
10
0
4.94 KBytes

JavaScript Rotating Liens - Langue: Franï¿½aise

4.9/5 10 votes / 4,172 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

Soyons premier membre de le faire

chuotyeulua