.png)
Overview:
The {rollover} macro allows you to quickly and easily create CSS rollover effects
There are times when you want to create a rollover effect, most often to create a button of some kind, this macro allows you to do that.
Parameters
This macro is used as shown below:
{rollover:class=test}body content{rollover}
| Parameter | Default | Required | Notes |
|---|---|---|---|
| class |  |
The name of the CSS class that contains the styles for the rollover when in it's default state | |
| over | class-rollover |  |
The name of the CSS class that contains the styles for the rollover when it is in the over state |
| link | |
The page that the rollover should link to when clicked | |
| target | |
An optional external target to also modify | |
| targetclass | |
An optional class name to use solely for the external target (defaults to class) | |
| targetover | |
An optional class name to use solely for the external target roll-over state(defaults to %targetclass%-rollover) |
Comments (5)
Feb 08, 2007
Anonymous says:
I was hoping to find a tooltip macro; I could use this, but I'd have to define a...I was hoping to find a tooltip macro; I could use this, but I'd have to define a style for each tooltip text, which I'm less fond of.
Feb 08, 2007
Guy Fraser says:
This might do the trick: Overlib MacroThis might do the trick: Overlib Macro
Jun 09, 2010
brian thomas says:
that link leads to a dead end.that link leads to a dead end.
Jul 21, 2009
Dan Goren says:
this macro appears to create unnecessary (and badly formed) <p> tags. Can...this macro appears to create unnecessary (and badly formed) <p> tags. Can this be fixed?
i.e:
<p> </p>
<div class="leftmenuheader" onkeypress="document.location.href="/display/STHC/Project+Team+Pages";" onclick="document.location.href="/display/STHC/Project+Team+Pages";" onmouseout="this.className="leftmenuheader";" onmouseover="this.className="pointy-rollover";">Project Team Pages (Private)</div>
<p/>
(Issue tracking not working at the moment hence the post here).
Aug 05, 2010
Katty Polyak says:
Is there a way to make the link open in a new window? I'd like to add a rollover...Is there a way to make the link open in a new window? I'd like to add a rollover button to my header which links to an external site and opens in a new window.