Code2care : TechZone Apps & Tutorials

Default speed of Marquee tag : SCROLLAMOUNT



Marquee tags are used to add animated scroll effect to HTML elements. The tags within the marquee tags scroll from right to left by default at a default speed. To change this default speed you need to make use of SCROLLAMOUNT attribute.



SCROLLAMOUNT attribute accepts integer values.


The default value for this scroll speed is 6.




If you give any value less then 6 then then the text, images, links within the marquee tag will run slower then default. Note we cannot have values less then or equal to zero.

Any value for SCROLLAMOUNT greater then 6 will make it move faster then the default speed.

Lets take some examples to demonstrate this :

Marquee with SCROLLAMOUNT as 1

Marquee with SCROLLAMOUNT as 2

Marquee with SCROLLAMOUNT as 3

Marquee with SCROLLAMOUNT as 4

Marquee with SCROLLAMOUNT as 5

Marquee with SCROLLAMOUNT as 6 : Default Speed

Marquee with SCROLLAMOUNT as 7

Marquee with SCROLLAMOUNT as 8

Marquee with SCROLLAMOUNT as 9

Marquee with SCROLLAMOUNT as 10

Marquee with SCROLLAMOUNT as 12

Marquee with SCROLLAMOUNT as 15

Marquee with SCROLLAMOUNT as 18



Source Code :



<!DOCTYPE html>
<html>

<body>


<marquee SCROLLAMOUNT = 1><p>Marquee with SCROLLAMOUNT as 1 </p></marquee>
<marquee SCROLLAMOUNT = 2><p>Marquee with SCROLLAMOUNT as 2 </p></marquee>
<marquee SCROLLAMOUNT = 3><p>Marquee with SCROLLAMOUNT as 3 </p></marquee>
<marquee SCROLLAMOUNT = 4><p>Marquee with SCROLLAMOUNT as 4 </p></marquee>
<marquee SCROLLAMOUNT = 5><p>Marquee with SCROLLAMOUNT as 5 </p></marquee>
<marquee SCROLLAMOUNT = 6><p><b>Marquee with SCROLLAMOUNT as 6  : Default Speed </b></p></marquee>
<marquee SCROLLAMOUNT = 7><p>Marquee with SCROLLAMOUNT as 7 </p></marquee>
<marquee SCROLLAMOUNT = 8><p>Marquee with SCROLLAMOUNT as 8 </p></marquee>
<marquee SCROLLAMOUNT = 9><p>Marquee with SCROLLAMOUNT as 9 </p></marquee>
<marquee SCROLLAMOUNT = 10><p>Marquee with SCROLLAMOUNT as 10 </p></marquee>
<marquee SCROLLAMOUNT = 12><p>Marquee with SCROLLAMOUNT as 12 </p></marquee>
<marquee SCROLLAMOUNT = 15><p>Marquee with SCROLLAMOUNT as 15 </p></marquee>
<marquee SCROLLAMOUNT = 18><p>Marquee with SCROLLAMOUNT as 18 </p></marquee>


</body>


</html> 






Top




Posts related to html.


1. How to place two div elements next to each other

2. Align html element at the center of page vertically and horizontally

3. Remove Html head and body tags from ckeditor source

4. How to set opacity only for div background and not the text - CSS

5. How to get table td, tr or th inner content value with id or name attribute

6. Comprehensive 256 Ascii code table with Html Hex IBM Microsoft Key

7. Link in html without a underline

8. Adding Sub Headings to Bootstrap Header tags

9. How to make a div tag clickable

10. Top 15 Programming Languages to learn 2014-2015

11. Chessboard with pieces using pure HTML and CSS

12. Default speed of Marquee tag : SCROLLAMOUNT

13. How to make div or text in html unselectable using CSS

14. Add Animated Scrolling to Html Page Title Script

15. Fibonacci series from 1 to 500 table

    more...

Posts related to css.


1. Remove Html head and body tags from ckeditor source

2. Responsive web design using CSS Media Queries

3. Default speed of Marquee tag : SCROLLAMOUNT

4. Align html element at the center of page vertically and horizontally

5. How to make jsfiddle bootstrap ready

6. How to place two div elements next to each other

7. How to set opacity only for div background and not the text - CSS

8. How to make div or text in html unselectable using CSS

9. Chessboard with pieces using pure HTML and CSS

10. Comprehensive 256 Ascii code table with Html Hex IBM Microsoft Key

11. Facebook like box overlaps fixed div element while scrolling the page

    more...






Popular tags
android
x 175
eclipse
x 29
notepadplusplus
x 20
macosx
x 14
sharepoint
x 14
html
x 14
mac
x 13
androidstudio
x 11




1000+ C Programs     PHP Tutorial     JSON Tutorial     Swift Tutorial     India Pinocdes     About Us     Privacy Policy


Code2care © 2012-17