分享

更多

   

学习笔记——图片——》加雾化——》加动画——》加移动字

原创
2012-06-29  多福老人
 
 
学习笔记——图片——》加雾化——》加动画
——》加移动字
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">
 
插入动画
<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>
 
填入图片地址
 
结果
<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>
 
效果
 
调整尺寸,使窗口尺寸和雾化范围与图片尺寸一致
<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>
 
效果

加入移动字,加高窗口高度(与字的大小相关)

改变雾化指标(finishOpacity=0——》finishOpacity=40)

<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>


结果
<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>

效果

欢迎你光临多福老人的空间
多福老人
多福老人

    猜你喜欢

    0条评论

    发表

    类似文章 更多