Un curseur animé

Pour utiliser un curseur animé dans votre page Web :

  1. Copiez ce script entre les balises <BODY> et </BODY>.
  2. Adaptez la valeur nameSP1 au nom de votre fichier image, ex : "souris.gif"
    L'image peut être animé.
    Vous pouvez enregistrer cette image pour tester ce script :
  3. Avec un logiciel de dessin, vérifier les propriétés de votre image afin de connaître ses dimensions.
    Ajustez la valeur heightSP1 avec la hauteur en pixel de votre image, ex : 100.
    Ajustez la valeur widthSP1 avec la largeur en pixel de votre image, ex : 100.
  4. Enregistrez votre création. Par la suite, vous pouvez créer votre page comme à l'habitude...

<HEAD>
<TITLE>Un curseur animé</TITLE>

</HEAD>
<BODY>

<SCRIPT LANGUAGE="Javascript1.1">
<!-- Un curseur animé
var nameSP1 = "souris.gif";
var heightSP1 = 100;
var widthSP1 = 100;
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
VERSION4 = (NS4|IE4) ? 1 : 0;
var styleSP1 = (NS4) ? "" : ".style";
var objSP1 = new Array();
var numObjSP1 = 2
var ptrSP1 = 2;

function defObjSP1(ID){
if (NS4) {
this.layer = new Layer (0);
this.layer.visibility = "hidden";
this.layer.document.write('<img src=\"'+nameSP1+'\" height=\"'+heightSP1+'\" width=\"'+widthSP1+'\" border=\"0\">');
this.layer.document.close();
} else {
eval ('this.layer = document.all.SP1'+ID); }
this.old = 6; }

function testVisibilitySP1() {
for(var x=0; x < numObjSP1; x++) {
with (objSP1[x]) {
if (old <numObjSP1) {
if (++old == numObjSP1) eval('layer' + styleSP1 + '.visibility = "hidden"'); } } } }

function mouseEventSP1(e) {
ptrSP1 = (++ptrSP1 < numObjSP1) ? ptrSP1 : 0;
objSP1[ptrSP1].old = 0;
if (NS4) {
objSP1[ptrSP1].layer.visibility = "visible";
objSP1[ptrSP1].layer.left = e.pageX ;
objSP1[ptrSP1].layer.top = e.pageY + 5;
} else {
objSP1[ptrSP1].layer.style.visibility = "visible";
objSP1[ptrSP1].layer.style.pixelLeft = event.clientX + document.body.scrollLeft ;
objSP1[ptrSP1].layer.style.pixelTop = event.clientY + document.body.scrollTop + 5; } }

function initSP1() {
if (VERSION4) {
for(var x=0; x<numObjSP1; x++) objSP1[x] = new defObjSP1(x) ;
if (NS4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = mouseEventSP1;
setInterval("testVisibilitySP1();",40); } }
if (VERSION4 && ! NS4) {
for (var x=0; x<numObjSP1; x++) {
document.write('<div id="SP1'+x+'" style="position: absolute; visibility: hidden;">');
document.write('<img src="'+nameSP1+'" height="'+heightSP1+'" width="'+widthSP1+'" border="0"></div>');
document.write('</div>'); } }
if (window.onload) {
if (window.RegExp) {
var regstr = '^[^\\{]*\\{((.|\\t|\\n|\\r)*)}[^\\}]*$';
window.onload.toString().match(regstr);
window.onload = new Function (RegExp.$1+"; initSP1 ();"); } }
else window.onload = initSP1;
// -->
</script>

</BODY>
</HTML>

©
Pédagogie Multimédia Conception