effet de fondue sur une page web

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
dryll

effet de fondue sur une page web

Message par dryll »

je cherches à créer un effet de fondue sur une page web
qui marche sous mozilla et konqueror
PsyDk
Lézard à collerette
Messages : 317
Inscription : 23 sept. 2003, 09:41

Message par PsyDk »

C'est quoi exactement comme effet que tu souhaites faire ?

Sinon y'a ça : Fondue en 35 minutes

(désolé c'est samedi soir)
PsyDk
Lézard à collerette
Messages : 317
Inscription : 23 sept. 2003, 09:41

Message par PsyDk »

Bon, je n'étais pas sûr de quel effet il s'agissait. J'ai fait un fade-out de la page. Voici la page xhtml avec le javascript dedans qui fait ça :

Code : Tout sélectionner

<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Fading</title>

<style type="text/css">
html
{
	background: #444;
}
p
{
	background: #f00;
}

p#Suivant
{
	text-align: center;
	background: #ff8;
	font-size: 20px;
}
</style>

<script type="text/javascript">
function DoFadingLoop(strUrl)
{
	var body = document.getElementsByTagName("body")[0];

	if( body.style.opacity > 0)
	{
		body.style.opacity -= 0.1;
		setTimeout("DoFadingLoop('" + strUrl + "')", 100);
	}
	else
	{
		document.location = strUrl;
	}
}

function DoFading(strUrl)
{
	var body = document.getElementsByTagName("body")[0].style.opacity = 1.0;
	DoFadingLoop(strUrl);
}
</script>

</head>
<body>

<p>plop</p>

<p id="Suivant"><a href="pouet.html" onclick="DoFading(this.href); return false;">pouet</a></p>

</body>
</html>
uzul
Iguane
Messages : 694
Inscription : 23 mars 2004, 17:31

Message par uzul »

Tu trouveras tout ce que tu veux en matière d'effets ici:
http://www.dynamicdrive.com/
Windows Xp / Firefox 1.0.7 / Thunderbird 1.0.6 / MozSuite
http://www.chaouqi.net
Avatar de l’utilisateur
bambi
Iguane
Messages : 601
Inscription : 17 sept. 2003, 12:29

Message par bambi »

Un article qui pourrait bien t'intéresser :wink:
:arrow: http://www.biblographia.net/article/34/ ... sans-flash
Cette méthode à le mérite d’être compatible pour tous les navigateurs mais surtout accessible.
dryll

merci

Message par dryll »

merci beaucoup
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité