Curseur perso réactif sur page perso
0kinawa
-
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je voudrais incorporer à mon site perso un curseur lui aussi perso.
Je possède déjà le script suivant :
<style type="text/css">
body { cursor:url("MONCURSEUR.cur"); }
</style>
Ce script sera placé dans la tête (<Head>) de la page HTML, et mon curseur est correctement placé dans le dossier racine du site.
Mon problème est le suivant : Je voudrais incorporer 3 curseurs de ce type à mon site :
- Le premier pour la navigation, qui remplacerait le pointeur classique (Flèche sous Windows en configuration classique
- Le second s'affichant lorsque l'internaute passerait sur un lien du site (Main sous Windows en configuration par défaut)
- Le dernier pour les temps de chargements (Sablier sous Windows en configuration par défaut)
Est-ce possible?
Si oui, comment?
Je voudrais incorporer à mon site perso un curseur lui aussi perso.
Je possède déjà le script suivant :
<style type="text/css">
body { cursor:url("MONCURSEUR.cur"); }
</style>
Ce script sera placé dans la tête (<Head>) de la page HTML, et mon curseur est correctement placé dans le dossier racine du site.
Mon problème est le suivant : Je voudrais incorporer 3 curseurs de ce type à mon site :
- Le premier pour la navigation, qui remplacerait le pointeur classique (Flèche sous Windows en configuration classique
- Le second s'affichant lorsque l'internaute passerait sur un lien du site (Main sous Windows en configuration par défaut)
- Le dernier pour les temps de chargements (Sablier sous Windows en configuration par défaut)
Est-ce possible?
Si oui, comment?
A voir également:
- Curseur perso réactif sur page perso
- Comment supprimer une page sur word - Guide
- Imprimer tableau excel sur une page - Guide
- Page d'accueil - Guide
- Comment faire apparaître le curseur sans souris - Guide
- Page accueil iphone - Guide
6 réponses
Essaye ça (j'ai pas le temps d'essayer, désolé) :
Voilà les 3 curseurs qu'il te faut :
- normal.cur
- main.cur
- sablier.cur
<style type="text/css">
body { cursor: url('sablier.cur'); }
a { cursor: url('main.cur'); }
</style>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript"><!--
$(document).ready(function () {
$(body).css("cursor","url('normal.cur')");
});
// --></script>
Voilà les 3 curseurs qu'il te faut :
- normal.cur
- main.cur
- sablier.cur
Bonjour, oui c'est possible
En ce qui concerne le sablier, je n'ai pas encore essayé.
<style type="text/css">
body { cursor: url('normal.cur'); }
a { cursor: url('main.cur'); }
</style>
En ce qui concerne le sablier, je n'ai pas encore essayé.
Merci de ta réponse, c'est lui qui importait le plus, si toutefois quelqu'un peut me donner le script pour remplacer le sablier aussi, ce serait parfait :D
Ok merci beaucoup, sais-tu si ce script fonctionne sous tout les navigateurs? Je suis sous Google Chrome donc je sais qu'il ne gère pas tout comme le font Windows Internet Explorer et Mozilla Firefox, par exemple.
Pour ce script, j'utilise JQuey (un framework Javascript).
Voir la liste des navigateurs compatibles avec JQuery
Sinon ce script fonctionne ou pas (je ne l'ai pas testé) ?
Voir la liste des navigateurs compatibles avec JQuery
Sinon ce script fonctionne ou pas (je ne l'ai pas testé) ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
