Online computer courses, code, programming tutorial and sidebar information for monitoring Canadian S&P/TSX index. Build friendship and networking. Welcome to visit my blogs often!!! I also have two other sites: YouTube Channel and Google site.
Adsense
Popular Posts
- PHPWind-- A PHP forum script applcaition in China
- Using Cron Job to process PHP scripts
- job interview questions (1)
- PHP connect IBM db2 database in XAMPP
- Datatable export excel wraptext and newline
- Install PHPMailer 5.2.4 and use smtp gmail
- Free host forum is not reliable
- Set up a child account and set screen time limit in Windows 8
- PHP - Export Content to MS Word document
- Powerful js library datable to export table in pdf, excel, sorting, freezing column and table header fixed (sticky)
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
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment