Attributes
MANAWAVE attributes are similar to HTML attributes. They are descriptions to give you control over behaviors in the MANAWAVE marquee.
There are three and they look like this:
<manawave-marquee direction="122.5" speed="2" autoplay>content</manawave-marquee>
<manawave-marquee direction="up" speed="0.5">content</manawave-marquee>
<div data-direction="122.5" data-speed="2" data-autoplay>content</div>
<article data-direction="up" data-speed="0.5">content</article>
Attribute Behavior
direction
Controls the direction in angles.
speed
Multiplier that controls how fast items move.
autoplay
Controls if the marquee should start animating when initialized.
Values
Possible values for each attribute.
Attribute | Type | Example |
---|---|---|
direction ,data-direction | number or a Direction | 10, 123.5, 534, -10.382 |
speed , data-speed | number | 10, 12.127 |
autoplay , data-autoplay | boolean | true, false |
Types
For any named value that should map to a more literal value.
Direction
Used in directional attributes
Direction | Value |
---|---|
up | 90 |
right | 0 |
down | 270 |
left | 180 |