Hi Stephan,
I took a look to their css file and html code. They use a simple but
smart css trick. No javascript needed here.

html
<span class="spoiler"><span>my spoiler here</span></span>

css
.spoiler {
  background-image: url(/images/spoilers.gif);
  border: 1px solid red;
}
.spoiler span {
  visibility: hidden;
}
.spoiler.hover {
  background-image: none;
  border: none;
}
.spoiler.hover span {
  visibility: visible;
}

but if you need a jquery plugin to reproduce the effect it's really
easy to add the extra inner span and hover event to change Classname
of it.


On 29 juil, 12:28, Stephan Beal <[EMAIL PROTECTED]> wrote:
> Hi, all!
>
> i just came across this by accident and thought it might interest some
> plugin author enough to write a similar feature for jQuery:
>
> http://imdb.com/title/tt0084787/faq
>
> scroll way down, or search for "Are there any deleted scenes for this
> movie?", and look for the red text which says "Spoilers!". It is an
> effect which hides certain text until you mouse over it, at which
> point the real text is revealed. The intention is to keep people from
> accidentally seeing text which might spoil a film for them (i.e.
> reveal more information than they might want to know before seeing the
> film).

Reply via email to