September 27, 2012

Html Marquee Scroll Stop And Play Hover

Let us to share to you something about Marquee attribute tag in our html this is a simple code for using stop and play if you using mouse over and mouse out attribute tag in your scrolling marquee.

This tutorial hoping will give you an advance user in html using scrolling method of Marquee attribute.

Now let's begin from the start for our Marquee attribute tag , as what I told you Marquee attribute beginning with <MARQUEE> and end </MARQUEE>.




To see our previous tutorial of our Marquee attribute you can follow from here.


This tutorial are very quick and check our attribute tag we use it.

This is our code.
sample code:

<MARQUEE onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" direction="left" bgcolor="BLUE" width="100%" height="200" loop="true" scrollamount="3" class="titles">
   <p class="titles">This is our Tutorial </p>
   <p class="text-content">We like to share our tutorial and check correctly the html code if there is something wrong ,you can send us in our contact form and comment in our website if you have any question. Just always visit our site and learn in our tutorial, this is for the beginners that's like to be learn </p>
   </MARQUEE>

========================================================================

Mouseover and Mouseout the attribute tag in our html by pointing and out pointing in the images or text content.

We will use in our sample the attribute tag in marquee following  by scroll amount , direction behavior, background color, the width and height, looping and the scroll amount.


Action in marquee:

If we point our mouse arrow in our html marquee will be stop and every sample we will put  different color, and different direction behavior.


Behavior direction :left
In our browser:

This is our Tutorial
We like to share our tutorial and check correctly the html code if there is something wrong ,you can send us in our contact form and comment in our website if you have any question. Just always visit our site and learn in our tutorial, this is for the beginners that's like to be learn



Behavior direction :up
In our browser:
This is our Tutorial
We like to share our tutorial and check correctly the html code if there is something wrong ,you can send us in our contact form and comment in our website if you have any question. Just always visit our site and learn in our tutorial, this is for the beginners that's like to be learn





Behavior direction :down
In our browser:
This is our Tutorial
We like to share our tutorial and check correctly the html code if there is something wrong ,you can send us in our contact form and comment in our website if you have any question. Just always visit our site and learn in our tutorial, this is for the beginners that's like to be learn



========================================================================

Try it now and put to your website. Good luck :)


Next to Html Using Z-Index Css
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 |