Mouse/Cursor over link effect

[ddken]

Hello,

I have seen this effect before where it displays the destination page when you have your mouse/cursor over the link.

For example. I have a link to yahoo.com on my page. When I have my mouse/cursor over the yahoo.com link on my page, a screen shows up and let me see where the link will go to.

Does anyone know the name of the mouse/cursor over link effect?

Thanks,
ddken

[insanemonkey]

Hahaha I just did this on my site. I think what you mean is that you want someone to hover over a certain link it will show the cursors? is that correct!?

well this is what you use for your link--


<a href="http://www.yourdomain.com">mylink</a>

Well what you want to do is have the cursor location ready--


<a style="cursor: url('http://www.xudas.com/graphics/cursors/plain/cursors/green.cur')" href="http://www.yourdomain.com">Hover over a Link</a>

That code was copied from my site but you can also do it to images to without having to link to a url, code is below!


<img style="cursor: url('http://www.xudas.com/graphics/cursors/plain/cursors/green.cur')" src="http://www.yourimagesrchere.com/blah.jpg" width="100">

oh yeh where my cursor url is, is where yours will go, let me know if this does not work!

[TimFA]

I believe he meant a preview window. You put your mouse over it and up pops a tiny window to show you where the link leads. That could be done by simply adapting this script: http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm, and taking a screenshot of site, then sizing it down, and last but not least inserting into here:
document.write('<div id="dhtmltooltip">The link to the image and any text.</div>') //write out tooltip DIV
document.write('<img id="dhtmlpointer" src="arrow2.gif">') //write out pointer image
That is part of the second code box for the script.

[insanemonkey]

oh ooops i didnt see that part lol!!

[sirmikey1]

I've seen this done with javascript
and the use of Title.

Here's javascript version:
http://ezportal.ztml.org/index.php?use=ezportal.home.design.show


Thanks for the heads up on cursor:
sm

[TimFA]

Mine is JavaScript. You don't even *really* need JavaScript, but to make it look pretty JavaScript is needed. There are ways, but it wouldn't do the hover part. Also, you could use a PHP or Ajax (I think Ajax) to make a window that actually retrieves the content, so you get a live preview.