學(xué)習(xí)筆記——圖片——》加霧化——》加動(dòng)畫
——》加移動(dòng)字
2012-06-29
建立表格
<div align=center>
<table style="WIDTH: 749px; HEIGHT: 428px" border=10 borderColor=#000880 bgColor=#003df4 >
<tbody>
<tr>
<td>
<div align=center>
插入圖片
<img src="圖片地址"; width="480"height="360">
引入霧化
<div align=center>
<table style="WIDTH: 749px; HEIGHT: 428px" border=10 borderColor=#000880 bgColor=#003df4 >
<tbody>
<tr>
<td>
<div align=center>
<div style="FILTER: Alpha(opacity=100,finishOpacity=0,style=3); WIDTH: 600px; HEIGHT: 349px">
<div align=center>
<img src="圖片地址"; width="480">
插入動(dòng)畫
<div align=center>
<table style="WIDTH: 749px; HEIGHT: 428px" border=10 borderColor=#000880 bgColor=#003df4 >
<tbody>
<tr>
<td>
<div align=center>
<div style="FILTER: Alpha(opacity=100,finishOpacity=0,style=3); WIDTH: 600px; HEIGHT: 349px">
<div align=center>
<img src="圖片地址"; width="480">
<DIV align=center><EMBED style="MARGIN-TOP: -300px; MARGIN-LEFT: 0px" height=300 type=application/x-shockwave-flash width=620 src=http://imgfree.21cn.com/free/flash/199.swf ALLOWNETWORKING="internal" QUALITY="high" WMODE="transparent"></EMBED>
填入圖片地址
結(jié)果
<div align=center>
<table style="WIDTH: 749px; HEIGHT: 428px" border=10 borderColor=#000880 bgColor=#003df4 >
<tbody>
<tr>
<td>
<div align=center>
<div style="FILTER: Alpha(opacity=100,finishOpacity=0,style=3); WIDTH: 600px; HEIGHT: 349px">
<div align=center>
<DIV align=center><EMBED style="MARGIN-TOP: -300px; MARGIN-LEFT: 0px" height=300 type=application/x-shockwave-flash width=620 src=http://imgfree.21cn.com/free/flash/199.swf ALLOWNETWORKING="internal" QUALITY="high" WMODE="transparent"></EMBED>
效果
調(diào)整尺寸,使窗口尺寸和霧化范圍與圖片尺寸一致
<div align=center>
<table style="WIDTH: 480px; HEIGHT: 610px" border=10 borderColor=#000880 bgColor=#003df4 >
<tbody>
<tr>
<td>
<div align=center>
<div style="FILTER: Alpha(opacity=100,finishOpacity=0,style=3); WIDTH: 480px; HEIGHT: 610px">
<div align=center>
<DIV align=center><EMBED style="MARGIN-TOP: -300px; MARGIN-LEFT: 0px" height=300 type=application/x-shockwave-flash width=480 src=http://imgfree.21cn.com/free/flash/199.swf ALLOWNETWORKING="internal" QUALITY="high" WMODE="transparent"></EMBED>
效果
<div align=center>
<table style="WIDTH: 480px; HEIGHT: 650px" border=10 borderColor=#000880 bgColor=#003df4 >
<tbody>
<tr>
<td>
<div align=center>
<div style="FILTER: Alpha(opacity=100,finishOpacity=40,style=3); WIDTH: 480px; HEIGHT: 650px">
<div align=center>
<DIV align=center><EMBED style="MARGIN-TOP: -300px; MARGIN-LEFT: 0px" height=300 type=application/x-shockwave-flash width=480 src=http://imgfree.21cn.com/free/flash/199.swf ALLOWNETWORKING="internal" QUALITY="high" WMODE="transparent"></EMBED>
<MARQUEE style="FILTER: shadow(color=green); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 華文彩云; COLOR: white; FONT-SIZE: 20pt" behavior=alternate scrollAmount=3><STRONG>歡迎你光臨多福老人的空間</STRONG></MARQUEE>
效果