Scrolling texts are used to catch visitors awareness to read an important information or announcement on a website.
It is often used by television stations to pass on information to the public,without stopping the ongoing programme.
I know some people will think this will be very hard to execute,but the truth is~It's very simple!!.
HOW TO SCROLL TEXTS USING MARQUEE.
I will be giving out the codes with examples below.
NOTE:-If the texts in the examples does not scroll,that means your browser doesn't support the scrolling feature.
Scroll text from right to left
This is the most popular and commonly used.It moves text from right side of a page to left.
Example:-
Text from left to right.
This will move the text in opposite direction of the default marquee scroll,i.e from left » right.
Example:-
Alternate marquee scroll.
The two examples above will scroll once until the page is refreshed.
Using the alternate marquee,the text will continue to move even if the page is not refreshed.
Example:-
Up marquee scroll.
Example:-
Down text scroll.
This scrolls the text downwards.
Example:-
Up/down marquee scrolling style.
As the heading implies,the text scrolls alternatively up and down.
Example:-
Zig-Zag scrolling style.
This marquee code turns the text into a zig-zag scrolling form.You can change the direction[up] of the text.
Example:-
Alternate zig-zagging marquee.
Example:-
Text scrolling zig zag alternately.MAKE YOUR SCROLLING TEXTS UNIQUE.
You can add different styles to your scrolling text,such as » text color,background color e.t.c.
ADD BACKGROUND+TEXT COLOR.
Just use any color name or
html hex color values,depending on the color of your site's background.
Example:-
Text with background color.ADDING BORDER AROUND YOUR TEXT.
Example:-
Text having borders.SPEED UP SCROLLING TEXT.
You can also change the rate at which the scrolling text moves with this:
NOTE:-The higher the scroll amount,the faster it becomes,and vice-versal.
Pause when mouse-hovered upon.
To make the scrolling text pause when hovered upon,use this:
Example:-
Pause this text by mouse hovering it.With all this,you should be able to place awesome scrolling texts on your blog now.
For mobile users,this works only in default browser.Though,not everything functions perfectly.