September 16, 2012

Html Marquee Using Loop Attribute

What is loop means in our Marquee in html and what use of this kind attribute? A loop means is a kind of attribute that we need to move or flow our text, and images using the integer. Now you get it, Let us begin in our tutorial.

This tutorial are so easy you can follow me and try to your computer.

Our attribute Marquee must be like this <MARQUEE LOOP=INTEGER> </MARQUEE>
Now let's try in our computer how they flow in our browser.



First Sample:

I'm going to put looping in two times. Check our codes.

<MARQUEE LOOP=2>

This is our images  <IMG SRC="  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMKBEiWBmuPA1cAztkLos0VhYYc-SkTqAEb9sX4ZvCtUEEq7Sx4RxEulEvOs2GKXlqTUDb3iwfT5FWX8A3tK2g-hnGH_vuVg17rs-DVwzblj7aQQXSjhvLj1B3E-eO1EDpOcLeBB0vKsY/s320/loop+marquee.jpg " >

 </MARQUEE>



In our browser looks like this.
This is our images
========================================================================

Second Sample:

If we need to put a combination function putting a behavior attribute in our looping Marquee, our code must be like this.

For Our Slide Behavior Attribute


<MARQUEE LOOP=2 BEHAVIOR=SLIDE>

This is our images  <IMG SRC="  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMKBEiWBmuPA1cAztkLos0VhYYc-SkTqAEb9sX4ZvCtUEEq7Sx4RxEulEvOs2GKXlqTUDb3iwfT5FWX8A3tK2g-hnGH_vuVg17rs-DVwzblj7aQQXSjhvLj1B3E-eO1EDpOcLeBB0vKsY/s320/loop+marquee.jpg " >

 </MARQUEE>


In our browser looks like this. This is our images
========================================================================


For Our Alternate Behavior Attribute

I will put 5 times looping for our behavior that you can see better.

<MARQUEE LOOP=5 BEHAVIOR=ALTERNATE>

This is our images  <IMG SRC="  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMKBEiWBmuPA1cAztkLos0VhYYc-SkTqAEb9sX4ZvCtUEEq7Sx4RxEulEvOs2GKXlqTUDb3iwfT5FWX8A3tK2g-hnGH_vuVg17rs-DVwzblj7aQQXSjhvLj1B3E-eO1EDpOcLeBB0vKsY/s320/loop+marquee.jpg " >

 </MARQUEE>


In our browser looks like this. 
This is our images
========================================================================


Now we are end again in our tutorial, so you see what's the differences of them right? Try it now and put to your website. See yah.


Return to:

No comments:

Post a Comment

Share Us

| Guideinfoyou (Guideline and Learning tactics) © 2008- 2014 w/blogger. All Rights Reserved | Designed by Virgil R. Toling Jr |