Hotspot/Hover Zone sur une page Web

Question

Je ne me souviens pas du nom du processus, mais j'ai besoin d'un moyen de créer comme une zone de point d'accès sur une page Web, de sorte que lorsque l'utilisateur passe le pointeur de la souris sur cette zone , le curseur se transforme en pointeur, ce qui permet à l'utilisateur d'accéder à un site particulier.

Veuillez noter que je ne me réfère pas à une simple étiquette d'ancrage autour d'une image, je suis spécifiquement après un moyen de déterminer les coordonnées sur une page Web qui transformera alors cette zone en zone de vol stationnaire.

Espérons que cela a du sens.

J'espère que quelqu'un peut me faire savoir comment faire cela car je suis assez sûr que quelque chose comme ça existe.

Merci.

Answer 1

Une solution très simple consiste à placer une balise d'ancrage à un point spécifique sur la page.

<a id="hotspot" href="#!link">hidden hotspot</a> 

#hotspot { 
    position: absolute; 
    width: 100px; 
    height: 100px; 
    background: transparent; 
    display: block; 
    top: Xpx; 
    left: Xpx; 
    text-indent: -10000px; 
} 

Answer 2

Sonne comme simple point d'ancrage qui est absolutely positioned

Answer 3

Bien que je vous recommande les liens absolument positionnés comme mentionné ci-dessus, il semble que vous êtes à la recherche d'un image map.

Answer 4

D'autres ont suggéré des balises d'ancrage positionnées, mais comme vous mentionnez les coordonnées, on dirait presque que vous recherchez une imagemap à l'ancienne. C'est ancien, mais si vous voulez des formes arbitraires, c'est peut-être une option. Rappelez-vous ceci?

<img src="yourpic.png" width="500" height="400" usemap="#themap"> 
<map name="themap"> 
    <area shape="polygon" coords="0,0,100,0,100,100,0,100" href="..." id="foo" /> 
    <area shape="circle" coords="150,30" href="..." id="bar" /> 
</map> 

Je ne connais pas les détails de votre exigence, mais peut-être vous pourriez jeter quelque chose ensemble avec une grande image en blanc, définir un groupe de polygones et/ou des cercles, ajouter des comportements en vol stationnaire à chaque area et aller de là.