Scroll Line In HTML

1). Continuous scrolling text:

<!-- HTML codes by www.webtopsolution.blogspot.com -->
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>
<p style="font-size:10px;">Web Top Solution</p>

Web Top Solution


2). Text bouncing back and forth:

<!-- HTML codes by www.webtopsolution.blogspot.com -->
<marquee behavior="alternate">Your bouncing text goes here</marquee>
<p style="font-size:10px;">Web Top Solution</p> editor</a></p>


Your bouncing text goes here

Text Scrolling Upwards:

<!-- HTML codes by www.webtopsolution.blogspot.com -->
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>
<p style="font-size:10px;">Web Top Solution</p> editor</a></p>

Your upward scrolling text goes here
4). Change the Scrolling Speed:
<!-- HTML codes by www.webtopsolution.blogspot.com -->
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
<p style="font-size:10px;">Web Top Solution</p> editor</a></p>


Slow scroll speed
Medium scroll speed
Fast scroll speed

No comments:

Post a Comment