It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Programming HTML Forum Script-archive

HTML, Scrolling Text Without JavaScript

Share your completed scripts.

HTML, Scrolling Text Without JavaScript

Postby HotNoob on Wed Sep 22, 2010 3:09 am

Here is how you make text scroll with no javascript and only HTML.

This is a basic example:
Code: Select all
<marquee>Hello World</marquee>


The <marquee> tag can also scroll in different directions.

To scroll right, left, up, and down
Code: Select all
<marquee direction='right'>Hello World</marquee>
<marquee direction='left'>Hello World</marquee>
<marquee direction='up'>Hello World</marquee>
<marquee direction='down'>Hello World</marquee>

The marquee tag can also bounce back and forth with the behavior attribute
Code: Select all
<marquee behavior='alternate'>Hello World</marquee>


The Scroll speed can also be adjusted with the attributes scrollamount and scrolldelay
Code: Select all
//scroll amount in px, and scroll delay in ms
<marquee scrollamount=200 scrolldelay=10>Zoom Zoom!</marquee>


feel free to ask any questions if any of it doesnt make any sense
HotNoob
100+ Club
 
Posts: 169
Joined: Sun May 02, 2010 1:38 am

Who is online

Users browsing this forum: No registered users and 0 guests