I saw some really kick ass mouseovers on Phil Ringnalda’s site, and decided I wanted to use them on inluminent/weblog, so… I stole the code, and implemented it here…
The thing is, I think the code only works in Mozilla or at least Gecko based browsers on a Mac (though it sounds like Safari might support it soon too). It works ‘sort of’ on IE 6 on a PC, but doesn’t look as good as it does on a Mac using Mozilla…
Anyways, here’s what you should see:
I think it’s cool. It’s a combination of CSS and Javascript, and I dig it. It only happens when I add “title=text” tags to the links, but that’s cool, and serves the purpose I want it to.
[update: I just learned this technique is called "nice title" and the source is Kryogenix through a trackback on this post.]
Yeah, works in Navigator, errr, Chimera, errr, Camino. That’d be awesome to see in Safari soon.
hmm, on the right hand link roll, if the little popup thing extends past the window border then it forces the horizontal scrollbar to appear.
that’s a tad ugly.
brad lauster has a fix for the issue i mentioned.
brad
works in mozilla on UNIX as well: I liked it when I saw it, wondered how you did it.
Not working with Mozilla 1.1 / Win2000. The pop up is appearing in your right colunm, but the left side of the pop up is cut off by the edge of the column.
i do like the idea but the gfx it’s far too “intrusive” for my tastes. there’s should be a little delay from the hover event and the actual disply of the div. i confirm that on mozilla 1.1 / win2000 the pop up it’s broken on the main page. maybe it’s a z-index problem, maybe it’s a moz bug fixed in moz 1.2.1. dunno really. cheers!