html marquee code

Hi friends in this post I am sharing html marquee to scroll the text or image from  left,right,up and down .You can also increase or decrease the speed of  text or image.Let we see one by one.Marquee can be used to convey message of recent notifications

MarqueEe

TO LEFT (from right to left)

<marquee behavior="scroll" direction="left">Move left</marquee>

 

TO RIGHT(from right to left)

<marquee behavior="scroll" direction="right" scrollamount="30" >Move right</marquee>

 

TO UP(from bottom to top)

<marquee behavior="scroll" direction="up">Move Up</marquee>

 

TO BOTTOM(from top to bottom)

<marquee behavior="scroll" direction="down">Move Down</marquee>

 

TO INCREASE OR DECREASE MARQUEE SPEED

  • Within marquee tags add  scrollamount="30"  like below.Replace 30 according to your needs.Less value slow down marquee scroll .Higher value increase marquee scroll speed.
For high marquee speed
<marquee behavior="scroll" direction="right" scrollamount="30" >Move right</marquee>
For low marquee speed
<marquee behavior="scroll" direction="right" scrollamount="4" >Move right</marquee>

To STOP MARQUEE WHILE PLACING CURSOR AND START MARQUEE WHILE TAKING CURSOR

<marquee behavior="scroll" direction="right" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Move right</marquee>

 

You can also use image in marqueue just use below code and replace the image link and give your image link and do all the above things.

<marquee behavior="scroll" direction="left">
<img src="imagelink.png" width="100" height="100"  />
</marquee>

 

Marquee can be halpful for magazine related websites and more.

Print Friendly and PDF
SHARE

About me

Hi. I am interested in blogging.And sometimes play with webdesign,web development,domain sale,designing logo and more.

    Blogger Comment
    Facebook Comment

0 comments :

Post a Comment