Thursday, December 20, 2012

marquee tag and img tag in HTML



Gave two examples of marquee tag and img tag in HTML. Show how to stop and start scrolling using marque.
1) Simple scroll effect using marquee tag:
<marquee direction="up" height="200px">Welcome to my homepage
    </marquee>

2)Nice block and able to stop and start scroll using mouse over and left
<html>
<body bgcolor="#FFFFFF" text="#000000">
<table width="176" bgcolor="#339999" align="left">
<tr>
<td height="17" align="center">
     <font color="#ffffff">Marquee example 2</font>
</td>
</tr>
<tr style="line-height:18pt" bgcolor="#eeffee">
<td height="140">
<marquee scrollamount="1" scrolldelay="50" direction="up"
     onMouseOver="this.stop()" onMouseOut="this.start()">
       <a href="http://www.sohu.com">Sohu</a><br>
       <a href="http://www.163.com">163</a><br>
       <a href="http://www.yahoo.com">yahoo</a><br>
</marquee>
</td>
</tr>
</table>
</body>
</html>

3) image at the top of text
  <p><img src="gps.JPG" hspace="10" vspace="20" /></p>
    This is a test.  This is a test. This is a test.

4) image at the left and text right using  align="left"
 <p><img src="gps.JPG" hspace="10" vspace="20"  align="left" /></p>
      This is a test.  This is a test. This is a test.<br />

Video for this demo
   

No comments:

Post a Comment