effet de fondue sur une page web
Publié : 11 déc. 2004, 21:03
je cherches à créer un effet de fondue sur une page web
qui marche sous mozilla et konqueror
qui marche sous mozilla et konqueror
Forums d'assistance et de discussion sur les logiciels produits par Mozilla ou créés à partir des technologies Mozilla. Ce site ne dépend pas de la fondation Mozilla et est maintenu par un collectif de bénévoles.
https://forums.mozfr.org/
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>
Cette méthode à le mérite d’être compatible pour tous les navigateurs mais surtout accessible.