Generally the Marquee goes left from right. But we may change the Direction of a marquee by using some attribute and different values. The every sets of codes is able to create a single web page if we use them. So simply copy the codes and press Windows Key+R together to open a notepad document. Then press Ctrl+V to paste the copied codes on the notepad. Now save the document with .htm or .html file extension. Finally locate the .html file and open it in a browser, you will get the result.
Codes for the Marquee of Left Direction
| 01 | <html> |
| 02 | <head> |
| 03 | <title>Left Marquee</title> |
| 04 | </head> |
| 05 | <body> |
| 06 | <font color="3778CD" size="12"> |
| 07 | <marquee direction="left"> |
| 08 | www.iDhali.com |
| 09 | </marquee> |
| 10 | </font> |
| 11 | </body> |
| 12 | </html> |
Codes for the Marquee of Right Direction
| 01 | <html> |
| 02 | <head> |
| 03 | </head> |
| 04 | <body> |
| 05 | <font color="3778CD" size="12"> |
| 06 | <marquee direction="right"> |
| 07 | www.iDhali.com |
| 08 | </marquee> |
| 09 | </font> |
| 10 | </body> |
| 11 | </html> |
Codes for the Marquee of Up Direction
| 01 | <html> |
| 02 | <head> |
| 03 | <title>Up Marquee</title> |
| 04 | </head> |
| 05 | <body> |
| 06 | <font color="3778CD" size="12"> |
| 07 | <marquee direction="up"> |
| 08 | www.iDhali.com |
| 09 | </marquee> |
| 10 | </font> |
| 11 | </body> |
| 12 | </html> |
Codes for the Marquee of Down Direction
| 01 | <html> |
| 02 | <head> |
| 03 | <title>Down Marquee</title> |
| 04 | </head> |
| 05 | <body> |
| 06 | <font color="3778CD" size="12"> |
| 07 | <marquee direction="down"> |
| 08 | www.iDhali.com |
| 09 | </marquee> |
| 10 | </font> |
| 11 | </body> |
| 12 | </html> |
Stop Marquee on Mouseover
| 01 | <html> |
| 02 | <head> |
| 03 | <title>Mouseover Behaviour</title> |
| 04 | </head> |
| 05 | <body> |
| 06 | <font color="3778CD" size="12"> |
| 07 | <marquee onMouseOver="this.stop()" onMouseOut="this.start()"> |
| 08 | www.iDhali.com |
| 09 | </font> |
| 10 | </marquee> |
| 11 | </body> |
| 12 | </html> |
No comments:
Post a Comment