Ascenseur, déplacement sans fin sauf survole de la souris. xhtml

Commenter

Contenu du snippet

L'ascenseur descentL'ascenseur descend lentement jusqu’en bas puis repart du haut pour recommencer.
Le contenu de la page doit être dans la div, à sont survole par le curseur, le déplacement s’interrompe et reprend à la sorti du curseur.

Compatible avec tous les navigateurs, je l’ai fait pour une page en HTML1.1.

Source / Exemple : 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript">
// <![CDATA[
</script>
<script type="text/javascript">
<!--
var run=0;  // déplacement de l'assenceur, si run=1 : actif
			//							   si run=0 : inactif

var pos=-2; // position de l'ascenseur.

function runner()
{
 if(run==1)
 {
	if(document.documentElement && document.documentElement.scrollTop)
	{
		if(pos==document.documentElement.scrollTop)
			window.scrollTo(0, 0);
		else
			pos=document.documentElement.scrollTop;
	}
	else
	{
		if(pos==document.body.scrollTop)
			window.scrollTo(0, 0);
		else
			pos=document.body.scrollTop;
	}
	window.scrollBy(0,1);
 }
 window.setTimeout("runner()",100);
}

-->
 </script>
<script type="text/javascript">
// ]]>
</script>
</head>
<body onload="run=1;runner();">
	<div onmouseover="run=0;" onmouseout="run=1;">
		.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
        .<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
        .<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />
	</div>
</body>
</html>

Conclusion :


...?

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (flashfun)