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

Ce site au démarrage

begin process at 2012 05 26 06:59:12

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Code

Effets

> TEXTE LOOP ET BONDISSANT

TEXTE LOOP ET BONDISSANT

Information sur la source

Note :
Aucune note

Catégorie :Effets Niveau :Débutant Date de création :14/07/2004 Vu / téléchargé :5 719 / 234

Auteur : jim333

Ecrire un message privé

Commentaire sur cette source (1)

Ajouter un commentaire et/ou une note

Description

faire des bond des loop avec du texte....

mon deuxieme script ;

Source

<html>
<head>
<SCRIPT language="JavaScript">
<!--
function fantome_anim() {
return
}
function fantomehaut() {
this.start = fantome_anim
}
function fantomeloop() {
this.start = fantome_anim
}
function fantomehautdebut() {
if(this.running)
return
this.running = true
this.counter = 0
if(document[this.id]) {
this.pos = parseInt(document[this.id].top)
setTimeout(this.name + ".end()", this.duration_effect)
}
else {
this.pos = parseInt(window[this.id].style.posTop)
setTimeout(this.name + ".end()", this.duration_effect)
}
}
function fantomehautfin(akt_pos) {
var welle = this.hoehe * Math.sin(Math.PI * this.increment * this.counter)
* ((this.max_counter - this.counter) / this.max_counter)
if(document[this.id])
document[this.id].top = this.pos + welle
else
window[this.id].style.posTop = this.pos + welle
this.counter++
if(this.counter == this.max_counter) {
if(document[this.id])
document[this.id].top = this.pos
else
window[this.id].style.posTop = this.pos
setTimeout(this.name + ".running = false", this.duration_wait)
}
else
setTimeout(this.name + ".end()", this.duration_effect)
}
function fantomehaut(id, name) {
this.hoehe = 10
this.duration_effect = 5
this.duration_wait = 1000
this.running = false
this.id = id
this.name = name
this.increment = .1
this.pos = 0
this.counter = 0
this.max_counter = 100
this.start = fantomehautdebut
this.end = fantomehautfin
}
function fantomeloopdebut() {
if(this.running)
return
this.running = true
this.counter = 0
if(document[this.id]) {
this.pos_x = parseInt(document[this.id].left)
this.pos_y = parseInt(document[this.id].top)
setTimeout(this.name + ".end()", this.duration_effect)
}
else {
this.pos_x = parseInt(window[this.id].style.posLeft)
this.pos_y = parseInt(window[this.id].style.posTop)
setTimeout(this.name + ".end()", this.duration_effect)
}
}
function fantomeloopfin(akt_pos) {
var r_x = this.radius * Math.sin(Math.PI * this.increment * this.counter) *
Math.sin(Math.PI * this.counter / this.max_counter)
var r_y = this.radius * Math.cos(Math.PI * this.increment * this.counter) *
Math.sin(Math.PI * this.counter / this.max_counter)
if(document[this.id]) {
document[this.id].left = this.pos_x + r_x
document[this.id].top = this.pos_y + r_y
}
else {
window[this.id].style.posLeft = this.pos_x + r_x
window[this.id].style.posTop = this.pos_y + r_y
}
this.counter++
if(this.counter == this.max_counter) {
if(document[this.id]) {
document[this.id].left = this.pos_x
document[this.id].top = this.pos_y
}
else {
window[this.id].style.posLeft = this.pos_x
window[this.id].style.posTop = this.pos_y
}
setTimeout(this.name + ".running = false", this.duration_wait)
}
else
setTimeout(this.name + ".end()", this.duration_effect)
}
function fantomeloop(id, name) {
this.radius = 24
this.duration_effect = 5
this.duration_wait = 1000
this.running = false
this.id = id
this.name = name
this.increment = .05
this.pos_x = 0
this.pos_y = 0
this.counter = 0
this.max_counter = 150
this.start = fantomeloopdebut
this.end = fantomeloopfin
}
var fantome1 = new fantomehaut("T1", "fantome1")
var fantome2 = new fantomeloop("T2", "fantome2")
var fantome3 = new fantomeloop("T3", "fantome3")
var fantome4 = new fantomehaut("T4", "fantome4")
var fantome5 = new fantomehaut("T5", "fantome5")
//-->
</SCRIPT>
</head>
<body>
<br><a style="position: relative" id="T1" onmouseover="fantome1.start()">lien</a>
<br><a style="position: relative" id="T2" onmouseover="fantome2.start()">lien</a>
<br><a style="position: relative" id="T3" onmouseover="fantome3.start()">lien</a>
<br><a style="position: relative" id="T4" onmouseover="fantome4.start()">lien</a>
<br><a style="position: relative" id="T5" onmouseover="fantome5.start()">lien</a>
</body>
</html>

<html>
<head>


<!-- debut (dans head) //-->



 <SCRIPT language="JavaScript">
<!--
function fantome_anim() {
	return
}
function fantomehaut() {
	this.start	= fantome_anim
}
function fantomeloop() {
	this.start	= fantome_anim
}

function fantomehautdebut() {
	if(this.running)
		return
	this.running	= true
	this.counter	= 0
	if(document[this.id]) {
		this.pos	= parseInt(document[this.id].top)
		setTimeout(this.name + ".end()", this.duration_effect)
	}
	else {
		this.pos	= parseInt(window[this.id].style.posTop)
		setTimeout(this.name + ".end()", this.duration_effect)
	}
}

function fantomehautfin(akt_pos) {
	var welle = this.hoehe * Math.sin(Math.PI * this.increment * this.counter)
	* ((this.max_counter - this.counter) / this.max_counter)
	if(document[this.id])
		document[this.id].top	= this.pos + welle
	else
		window[this.id].style.posTop	= this.pos + welle
	this.counter++
	if(this.counter	== this.max_counter)	{
		if(document[this.id])
			document[this.id].top	= this.pos
		else
			window[this.id].style.posTop	= this.pos
		setTimeout(this.name + ".running	= false", this.duration_wait)
	}
	else
		setTimeout(this.name + ".end()", this.duration_effect)
}

function fantomehaut(id, name) {
	this.hoehe		= 10
	this.duration_effect	= 5
	this.duration_wait	= 1000
	this.running		= false
	this.id			= id
	this.name		= name
	this.increment		= .1
	this.pos		= 0
	this.counter		= 0
	this.max_counter	= 100
	this.start		= fantomehautdebut
	this.end		= fantomehautfin
}

function fantomeloopdebut() {
	if(this.running)
		return
	this.running	= true
	this.counter	= 0
	if(document[this.id]) {
		this.pos_x	= parseInt(document[this.id].left)
		this.pos_y	= parseInt(document[this.id].top)
		setTimeout(this.name + ".end()", this.duration_effect)
	}
	else {
		this.pos_x	= parseInt(window[this.id].style.posLeft)
		this.pos_y	= parseInt(window[this.id].style.posTop)
		setTimeout(this.name + ".end()", this.duration_effect)
	}
}

function fantomeloopfin(akt_pos) {
	var	r_x	= this.radius * Math.sin(Math.PI * this.increment * this.counter) *
				Math.sin(Math.PI * this.counter / this.max_counter)
	var	r_y	= this.radius * Math.cos(Math.PI * this.increment * this.counter) *
				Math.sin(Math.PI * this.counter / this.max_counter)
	if(document[this.id]) {
		document[this.id].left	= this.pos_x + r_x
		document[this.id].top	= this.pos_y + r_y
	}
	else {
		window[this.id].style.posLeft	= this.pos_x + r_x
		window[this.id].style.posTop	= this.pos_y + r_y
	}
	this.counter++
	if(this.counter	== this.max_counter)	{
		if(document[this.id]) {
			document[this.id].left	= this.pos_x
			document[this.id].top	= this.pos_y
		}
		else {
			window[this.id].style.posLeft	= this.pos_x
			window[this.id].style.posTop	= this.pos_y
		}
		setTimeout(this.name + ".running	= false", this.duration_wait)
	}
	else
		setTimeout(this.name + ".end()", this.duration_effect)
}

function fantomeloop(id, name) {
	this.radius		= 24
	this.duration_effect	= 5
	this.duration_wait	= 1000
	this.running		= false
	this.id			= id
	this.name		= name
	this.increment		= .05
	this.pos_x		= 0
	this.pos_y		= 0
	this.counter		= 0
	this.max_counter	= 150
	this.start		= fantomeloopdebut
	this.end		= fantomeloopfin
}


var	fantome1 = new fantomehaut("T1", "fantome1")
var	fantome2 = new fantomeloop("T2", "fantome2")
var	fantome3 = new fantomeloop("T3", "fantome3")
var	fantome4 = new fantomehaut("T4", "fantome4")
var	fantome5 = new fantomehaut("T5", "fantome5")
//-->
</SCRIPT>
           
</head>  
<body>
<br><a style="position: relative" id="T1" onmouseover="fantome1.start()">lien</a>
<br><a style="position: relative" id="T2" onmouseover="fantome2.start()">lien</a>
<br><a style="position: relative" id="T3" onmouseover="fantome3.start()">lien</a>
<br><a style="position: relative" id="T4" onmouseover="fantome4.start()">lien</a>
<br><a style="position: relative" id="T5" onmouseover="fantome5.start()">lien</a>	
</body>
</html>

Conclusion

dans le zip

Fichier Zip

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

a garder lien amusant.html 4 055 octets

Télécharger le zip

Sources du même auteur

IMAGE TOUJOUR EN HAUT

GENRE Y'Z DOCK OU MYDOCK EN PAGE WEB!!!

Toutes les sources de jim333

Sources de la même categorie

BOUTON ROTATIF par kazma

SHOWMAPAREA par phidelum

DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev

ANIMATION DU TEXTE par brennal

EFFET RAYONS DU SOLEIL par tefa24600

Toutes les sources de la catégorie Effets

Commentaires et avis

Commentaire de jim333 le 14/07/2004 23:08:36

comentaire svp

Ajouter un commentaire

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

RE : CODE BUG JAVASCRIPT par zaikoe

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par NHenry

RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP