Monday, December 22, 2014

marquee code-Creating HTML Marquee Code-marquee code

You can create a scrolling marquee (such as scrolling text or scrolling images) by using the <marquee> tag. You can make the text/images scroll from right to left, left to right, top to bottom, or bottom to top - it's your choice!

examples:

1-

Slide-in text:

Code:


 <marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>


2-

Continuous scrolling text:

Code:

 

 <marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

3-

Text bouncing back and forth:

Code:

 <marquee behavior="alternate">Your bouncing text goes here</marquee>

 

4-

Text Scrolling Upwards:

Code:

 <marquee  behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>

 

5-

Change the Scrolling Speed:

Code:

 <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>

 

6-

Scrolling Images:

Code:


 Simply replace the src="... part with the location of your own image.

 <marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>

 

7-

Images & Text (Both Scrolling):

Code:

 

Simply add your text under the image tag (but still within the marquee tags).

 <marquee behavior="scroll" direction="left">
<img src="/pix/smile.gif" width="100" height="100" alt="smile" />
<p>Sample text under a <a href="/html/codes/scrolling_images.cfm">scrolling image</a>.</p>
</marquee>


wait us for new lessons  


 

 

 

 

No comments:

Post a Comment

Total Pageviews