一步一步学代码---图片加工（图片加工小结）[连载14]

[没起名]

[图片加工]小结


现将[图片加工]部分小结如下，看看你掌握了哪些？若还有生疏的，可要加班补上呦！红色部分是可改动的。

一 图片标签：

1 基本语法：
<IMG src=“图片地址”>
这样发出的图片的大小与原图一样。
若改变原图的尺寸，且使图片的高与宽按原比例增大或缩小，则为：
<IMG height=192 src=“图片地址”>或者<IMG width=244 src=“图片地址”>
若同时改变图片的高与宽且不按演图的比例，则为：
<IMG height=192 src=“图片地址” width=244>
2 给图片加个边框
<img src=“图片地址” border=数值>

二 在图片内加文字

1 基本格式
文字居图片中央：
<TABLE height=294 cellSpacing=10 cellPadding=10 width=437 align=center background=http://photo4.hexun.com/p/2007/0106/680 ... 0630CC.jpg border=0><TBODY><TR><TD><P align=center><FONT face=隶书 color=#fafa6b size=6>祝你你生日快乐！</FONT></P></TD></TR></TBODY></TABLE>

文字分别放在图片的左上、居中、右下为：
<P align=left>祝你生日快乐！</P><P align=center>祝你生日快乐！</P><P align=right>没起名</P>
2 在图片内加入移动的文字
靠图片左边、由下向上移动：
<TABLE height=533 width=400 background=http://gb.chinabroadcast.cn/mmsource/im ... 906046.jpg border=0><TBODY><TR><TD align=middle><MARQUEE scrollAmount=2 direction=up height=533><DIV align=left><FONT style="FONT-SIZE: 32pt" face=华文新魏 color=red><B>不理你</B> ，</FONT></DIV></MARQUEE></TD></TR><</TBODY></TABLE> 若为多行文字，重复<DIV align=left><FONT style="FONT-SIZE: 32pt" face=华文新魏 color=red><B>不理你，</B> </FONT></DIV>即可。
若限定文职上下移动的范围，可改写上面代码中的
<MARQUEE scrollAmount=2 direction=up height=533>
内的尺寸533。


三 运动的图片

由下向运动的图片：
<CENTER><MARQUEE scrollAmount=2 direction=up height=550 align="center" scrolldely="10"><CENTER><IMG src="http://www.8q8.cn/UploadFile/2005-12/20 ... E></CENTER>

主要的几个参数：
.高度(height)－你可以根据图片大小来设置合适的数值;
.方向(direction)-向上(up);向下(down);向左(left);向右(right).
.移动速度（srcollamount）写入的数字越大速度越快。
.滚动延时scrolldely（ms）一般取10
多个图片，只须重复：
<IMG src="http://www.8q8.cn/UploadFile/2005-12/20 ... 212319.gif">

四 图片的动画效果

1 效果代码:<t:TRANSITIONFILTER from="0" to="1" type="fade" dur="2">type="fade":图片变化属性=值值:fade 图片渐显渐隐barWipe 图片从左到右拉开ClockWipe 图片像钟表一样旋转拉开barnDoorWipe 图片从中间向两边拉开slideWipe 图片右往左边拉开irisWipe 图片正中矩形向外扩散snakeWipe 图片蛇形展开ellipseWipe 图片正中小圆向外扩散spiralWipe 图片螺旋显示pushWipe 图片右往左像推箱子一样
2.定位代码:<DIV style="LEFT: 0px;"position:relative; top:0px; left:0px; width:550px; height:439px;overflow: hidden">width:550px; height:439px:定显示的宽和高,（原图片的尺寸是：550×439）top:0px; left:0px;;定该显示离顶和左边的距离。
例：
DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 550px; TOP: 0px; HEIGHT: 439px"><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:SEQ repeatCount = "indefinite"><t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 0px" src = "http://www.616bbs.com/vip/vip36/nu/18.jpg" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "ellipseWipe" dur = "2"></t:TRANSITIONFILTER></t:MEDIA></t:SEQ></DIV></DIV>

五 改变图片的显示效果

格式：
<INPUT style="FILTER: alpha(opacity=100,style=3)" type=image height=374 width=500 src="http://www.99qc.com/bbs/UploadFile/2006 ... 122550.gif">

其中的“3”可取0、1、2、3
其中的“100”为图片“透明度”（数字越大越深）

六 在图片中加入透明FLASH

基本格式：

<TABLE height=500 cellSpacing=0 cellPadding=0 width=640 background=图片地址 border=0><TBODY><TR><TD><P align=center><EMBED align=right src=透明FLASH地址 width="100%" height="100%" type=application/octet-stream quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE>
该格式中没明显设置出FLASH的宽度和高度，只是用了width="100%" 和hight="100%"意思是FLASH的大小与图片一样（width=640 ；height=500 ）。

<TABLE height=500 cellSpacing=0 cellPadding=0 width=640 background=图片地址 border=0><TBODY><TR><TD><P align=center><EMBED align=right src=透明FLASH地址 width="100%" height="100%" type=application/octet-stream quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE>
该格式中没明显设置出FLASH的宽度和高度，只是用了width="100%" 和hight="100%"意思是FLASH的大小与图片一样（width=640 ；height=500 ）。

没起名祝愿你获得好成绩！

[笑语嫣然]

<br>最钟爱这个，富于动感，希望早些学会！