logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

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

 多福老人43 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）

    来自： 多福老人43 > 《图片的应用》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多