CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 03 18 06:30:20

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

ARRIERE-PLAN QUI TOURNE !

Information sur la source

Note :

7,60 / 10

Catégorie :Trucs Amusants Classé sous :tourne, rotation, image, arriere, plan Niveau :Initié Date de création :09/09/2005 Vu / téléchargé :15 587 / 874

Auteur : glork

Ecrire un message privé

Site perso

Commentaire sur cette source (8)

Ajouter un commentaire et/ou une note

Description

Superbe script qui fait tourner un arrière-plan dans le sens des aiguilles d'une montre !
On peut configurer quelques variables dans le script :

- la vitesse de rotation (plus élevé égal plus vite) dans dspeed=x.
- Avec un chiffre négatif, on inverse le sens de rotation.
- vous pouvez jouer avec la valeur de dspin=x. Vous obtiendrez alors
- une rotation dans l'espace.
- la premiere couleur de la page est deternimée dans la balise body (ici #000080)
- la seconde couleur de l'effet , ici un bleu plus clair, en notation fonctionnelle rgb (soit 3 nombres entiers compris entre 0 et 255) dans tous les SetFillColor(0,0,150). Donc ceux qui veulent changer de couleur, vous le pouvez ici.

Source

<html>
<head>
<SCRIPT>
// Script par Glork !
// La vitesse de rotation (+ = +vite)
// -x égal sens inverse des aiguilles
dspeed=1;
// Autre valeur égal rotation 3D
dspin=0;
////////////////////////////////////////////////
drev="";
ddirec="up"
drun="no"
dflip="left"
function spinit() {
spinny.rotate(0,dspin,drev + dspeed);
window.setTimeout("spinit()", 1, "JavaScript");
}
function run() {
if (ddirec=="up") {
dspeed++
if (dspeed == 10) { ddirec="down" }
}
else {
dspeed--
if (dspeed == 1) { ddirec="up" }
}
var runtimer = setTimeout('run()',100);
}
function chspeed(nspeed) {
if (drun == "no") { dspeed=nspeed }
}
function spin() {
if (dspin == "0") { dspin = "5" }
else { dspin = "0" }
}
function reverse() {
if (drev == "") { drev = "-" }
else { drev = "" }
}
function runspeed() {
if (drun == "yes") { drun = "no"; clearTimeout('runtimer'); }
else { drun = "yes"; var runtimer = setTimeout('run()',100); }
}
function flipper() {
if (dflip == "left") {
layout.style.filter = 'fliph(enabled=1)';
dflip="right";
layouttext.style.left = "62%";
}
else { layout.style.filter = 'fliph(enabled=0)'; dflip="left"; layouttext.style.left = "1%"; }
}
</SCRIPT>
<title> ma page... </title>
</head>
<BODY text="#FFFFFF" bgcolor="#000080" link="#FFFFFF" vlink="#FFFFFF" alink="#FF0000" leftMargin="0" topMargin="0" marginleft="0" margintop="0" onload=spinit()>
<SCRIPT>
document.write("<div style='position: absolute; top: 0; left: 0; HEIGHT:100%; WIDTH:100%;'>");
</SCRIPT>
<OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=spinny
style="HEIGHT: 100%; WIDTH: 100%">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,150)">
<PARAM NAME="Line0003" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0004" VALUE="Pie(-725,-725,1450,1450,0,30,342)">
<PARAM NAME="Line0005" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0006" VALUE="Pie(-725,-725,1450,1450,0,15,18)">
<PARAM NAME="Line0007" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0008" VALUE="Pie(-725,-725,1450,1450,0,5,54)">
<PARAM NAME="Line0009" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0010" VALUE="Pie(-725,-725,1450,1450,0,35,95)">
<PARAM NAME="Line0011" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0012" VALUE="Pie(-725,-725,1450,1450,0,20,130)">
<PARAM NAME="Line0013" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0014" VALUE="Pie(-725,-725,1450,1450,0,3,140)">
<PARAM NAME="Line0015" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0016" VALUE="Pie(-725,-725,1450,1450,0,30,180)">
<PARAM NAME="Line0017" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0018" VALUE="Pie(-725,-725,1450,1450,0,45,234)">
<PARAM NAME="Line0019" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0020" VALUE="Pie(-725,-725,1450,1450,0,20,270)">
<PARAM NAME="Line0021" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0022" VALUE="Pie(-725,-725,1450,1450,0,10,306)">
</OBJECT>
<DIV id=layout style="HEIGHT: 100%; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 100%">
Votre page ici !
</DIV>
</body>
</html>

<html>
<head>
<SCRIPT>
// Script par Glork !
// La vitesse de rotation (+ = +vite)
// -x égal sens inverse des aiguilles
dspeed=1;
// Autre valeur égal rotation 3D
dspin=0;
////////////////////////////////////////////////
drev="";
ddirec="up"
drun="no"
dflip="left"

function spinit() {
	spinny.rotate(0,dspin,drev + dspeed);
	window.setTimeout("spinit()", 1, "JavaScript");
}

function run() {
	if (ddirec=="up") {
		dspeed++
		if (dspeed == 10) { ddirec="down" }
	}
	else {
		dspeed--
		if (dspeed == 1) { ddirec="up" }
	}
	var runtimer = setTimeout('run()',100);
}

function chspeed(nspeed) {
	if (drun == "no") { dspeed=nspeed }
}

function spin() {
	if (dspin == "0") { dspin = "5" }
	else { dspin = "0" }
}

function reverse() {
	if (drev == "") { drev = "-" }
	else { drev = "" }
}

function runspeed() {
	if (drun == "yes") { drun = "no"; clearTimeout('runtimer'); }
	else { drun = "yes"; var runtimer = setTimeout('run()',100); }
}

function flipper() {
	if (dflip == "left") {
		layout.style.filter = 'fliph(enabled=1)';
		dflip="right";
		layouttext.style.left = "62%";
		}
	else { layout.style.filter = 'fliph(enabled=0)'; dflip="left"; layouttext.style.left = "1%";  }
}
</SCRIPT>
<title> ma page... </title>
</head>
<BODY text="#FFFFFF" bgcolor="#000080" link="#FFFFFF" vlink="#FFFFFF" alink="#FF0000" leftMargin="0"  topMargin="0" marginleft="0" margintop="0" onload=spinit()>
<SCRIPT>
document.write("<div style='position: absolute; top: 0; left: 0; HEIGHT:100%; WIDTH:100%;'>");
</SCRIPT>
<OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=spinny 
style="HEIGHT: 100%; WIDTH: 100%">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,150)">
<PARAM NAME="Line0003" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0004" VALUE="Pie(-725,-725,1450,1450,0,30,342)">
<PARAM NAME="Line0005" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0006" VALUE="Pie(-725,-725,1450,1450,0,15,18)">
<PARAM NAME="Line0007" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0008" VALUE="Pie(-725,-725,1450,1450,0,5,54)">
<PARAM NAME="Line0009" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0010" VALUE="Pie(-725,-725,1450,1450,0,35,95)">
<PARAM NAME="Line0011" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0012" VALUE="Pie(-725,-725,1450,1450,0,20,130)">
<PARAM NAME="Line0013" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0014" VALUE="Pie(-725,-725,1450,1450,0,3,140)">
<PARAM NAME="Line0015" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0016" VALUE="Pie(-725,-725,1450,1450,0,30,180)">
<PARAM NAME="Line0017" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0018" VALUE="Pie(-725,-725,1450,1450,0,45,234)">
<PARAM NAME="Line0019" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0020" VALUE="Pie(-725,-725,1450,1450,0,20,270)">
<PARAM NAME="Line0021" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0022" VALUE="Pie(-725,-725,1450,1450,0,10,306)">
</OBJECT>
<DIV id=layout style="HEIGHT: 100%; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 100%">
Votre page ici !
</DIV>
</body>
</html>

Conclusion

Malheureusement ca marche que sur IE :(
Si vous avez des commentaires, n'hesitez pas !

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Page.htm 3 145 octets

Télécharger le zip

Sources du même auteur

VALIDATION D'UN FORMULAIRE EN TEMPS RÉEL (OBLIGE L'UTILISATE...

CHANGER DYNAMIQUEMENT LA COULEUR DES SCROLLBARS DANS IE

CHANGER LA PLACE DES RANGÉS DANS UN TABLEAU

EDITEUR WYSIWYG DANS UNE PAGE WEB !

CHANGER LA COULEUR DE LA PAGE

Toutes les sources de glork

Sources de la même categorie

RÉSOUDRE UNE ÉQUATION EN 6 ÉTAPES par Zestyr

POST-IT POUR LE WEB par jululu

ENIGMES, CASSE-TÊTES À RÉSOUDRE par Bul3

ROTATION DES ÉLÉMENTS D'UN PAGE WEB par yoyo17560

GENERATEUR DE PSEUDO MSN (ART-ASCII) par amrounix

Toutes les sources de la catégorie Trucs Amusants

Sources en rapport avec celle ci

MOOLOUPE - EFFET DE LOUPE VIA LE FRAMEWORK MOOTOOLS par Miky76

PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony

FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz

[ZI] ZOOM (LOUPE) SUR IMAGE par Bul3

AFFICHAGE D'IMAGE par kazma

Commentaires et avis

Commentaire de linkinpar236737 le 10/09/2005 09:50:01

ça ne fonctionne pas sous Mozilla.

Commentaire de bultez le 10/09/2005 10:00:45

très intéressant,utile,
ça ouvre des horizons...
bravo. @+

Commentaire de terrible le 10/09/2005 10:38:41

bonjour superbe animation
Pourriez-vous expliciter cette ligne de code
<OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=spinny
style="HEIGHT: 100%; WIDTH: 100%">

Commentaire de glork le 10/09/2005 23:12:42

Merci pour vos commentaires.
linkinpar236737, effectivement, ca marche juste sur MSIE
terrible - <OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=spinny
style="HEIGHT: 100%; WIDTH: 100%">
...
...
..
</object>
C'est ce qui fait que l'ecran tourne (bien-sur c'est defini dans head aussi. Si tu veut modifier quelque chose la-dedans, c'est la couleur de chaque branche qui tourne. Comme dans <PARAM NAME="Line0009" VALUE="SetFillColor(0,0,150)"> , tu peut modifier 0,0,150 par une autre couleur RGB, comme 0,0,250 ce qui donnerait un bleu clair. N'efface pas le "<object> parce que sinon ton ecran ne vas pas tourner il vas rester un ecran normal avec la couleur que t'avait choisis dans "<body bgcolor="

Commentaire de terrible le 11/09/2005 09:48:53

J'ai trouvé sur le forum une autre animation reposant sur le même principe activeX
Sais-tu comment obtenir la liste des activesX disponibles dans window xp avec leurs paramètres de règlages

Commentaire de algori le 11/09/2005 12:20:41

Salut,
C'est sympa.
Juste une remarque : ça bouffe de la puissance, mon process oscille entre 99% et 100% (1,5 GHz)
@++

Commentaire de glork le 11/09/2005 15:35:28

C'est normal, plus que tu met d'effets, plus que c'est lent.
Si t'as des probl. avec ton ordi, je ne te conseillerait pas d'entrer sur des pages de meme !

Commentaire de logiciels_thiery le 14/09/2005 11:51:20

Super !
J'avais déjà vu ça mais avec mois de code... il y a très très longtemps... j'ai pas enregistré le code !
Sinon c'est bien mais c'est conseillé pour des images basse résolutions ! Car même avec mon processeur AMD 64 4000+ (le tout dernnié quoi !)utilisation du CPU 86% !
8/10

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

arriere plan de mon site : help [ par fairylullaby ] Salut je voudrais mettre une image en arrière plan sur pratiquement toutes les pages de mon site Comment faire pour que celel ci soit non mltip Arriere-plan image changeante on refresh adaptee a l ecran du client [ par pearlp ] Bonsoir ! Voiala ca fais 5 jours que j'essaie de trouver un scripte qui me permetterai d avoir une nouvelle image arriere plan a chaque rafraichissem Mon arriere plan joue a cache cache!!!! [ par sebing ] Bonsoir,Je fais mes pages à l'aide de Frontpage, j'ai un probleme mon image d'arriere plan ne s' affiche pas dans :l'apercu du navigateur.Pourtan faire bouger l'arrière plan d'un <div> [ par johnnylechat ] Bonjour à tous, Je vous expose mon problème : pour un menu, je dispose de liens définis de la manière suivante dans le css : "a {width:100%; height POPUP overlib en arriere plan (IE) [ par medmen ] Bonjour; J'utilise overlib pour afficher une popup, bref,sous firefox(1.5) la popup s'affiche sans problèmes, mais sous IE la popup s'affiche en arriere plan [ par gazalii ] bonjourj'ai une div nome layer_alpha<div id="layer_alpha" style="position: absolute; left: 0pt; top: 0pt; width: 100%; height: 100%; visibility: hi comment manipuler une image ? (deplacement + rotation) [ par franco_se ] bonjours je voudrais savoir comment faire pour manipuler une image, a savoir la deplacer, et lui appliquer une rotation. Mon but étant en fait de depl Faire une ROTATION d'une image avec HTML ou JAVASCRIPT ? [ par maxxcbenny ] Bonjour,Quelqu'un connait-il le moyen de faire subir une rotation à une image dans un navigateur web ? Avec un angle libre de 0° à 360° évidement ?Par Changer l'image d'arrière plan [ par cyBerpOmmer ] voila, j'ai un site à réaliser et il faut que l'image en arrière plan change. Je ne voudrai pas avoir à recharger la page mais simplement avoir à exec HTML : changer image arriere plan tableau au passage souris [ par ju0123456789 ] Bonjour,Je voudrais savoir comment peut-on faire changer l'image d'arrière plan d'un tableau (page HTML) au passage de la souris n'importe où sur le

Nos sponsors

Derniers Blogs

[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril

CERTIFICATIONS BETA .NET 4 par KooKiz

[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo

LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE

[WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE par FREMYCOMPANY

Forum

RE : ADDITION DE VARIABLES DANS UN FORMULAIRE. par PetoleTeam

EFFACER UNE LIGNE DANS FICHIER TEXTE EN PHP par michaelminelli1

RE : EVéNEMENT JAVASCRIPT SUR UNE LISTE CRééE EN AJAX par PetoleTeam

RE : GARDER OUVERT UN MENU ACCORDEON par PetoleTeam

RE : EVéNEMENT JAVASCRIPT SUR UNE LISTE CRééE EN AJAX par goldenboy68

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Application iPhone
Budget : 2 000€
site vitrine agence edition
Budget : 500€
Site ecommerce pieces automobiles
Budget : 1 500€

Logiciels

Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)
XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)

Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise...

Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate
Xilisoft DVD Ripper Ultimate (5.0.64.0304)
XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)

Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ...

Cliquez pour télécharger Xilisoft DVD Ripper Ultimate
Axalot, logiciel de sauvegarde de données en ligne (1.10.108.1)
AXALOT, LOGICIEL DE SAUVEGARDE DE DONNéES EN LIGNE (1.10.108.1)

Perdre tout le contenu de votre disque dur, vous imaginez ? Vos photos, vos musiques, votre compt...

Cliquez pour télécharger Axalot, logiciel de sauvegarde de données en ligne
Rigs of Rods (63.3)
RIGS OF RODS (63.3)

c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo...

Cliquez pour télécharger Rigs of Rods
Konvertor (4.00)
KONVERTOR (4.00)

Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format...

Cliquez pour télécharger Konvertor