您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>网页代码教程>>>图片加工(图片加工小结)
图片加工(图片加工小结)
发表日期:2007/10/4 15:00:00 出处:未知 作者:未知 发布人:jxhp 已被访问 1185
现将[图片加工]部分小结如下,看看你掌握了哪些?若还有生疏的,可要加班补上呦!红色部分是可改动的。
 
      一 
                  图片标签
 
      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/68038/b_BDD28F4C6DF4BC04839829AE670630CC.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/images/2005/09/06/pa050906046.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/2005122214231212319.gif"></CENTER></MARQUEE></CENTER>
 
      主要的几个参数:
      .高度(height)-你可以根据图片大小来设置合适的数值;

    .方向(direction)-向上(up);向下(down);向左(left);向右(right).

    .移动速度(srcollamount)写入的数字越大速度越快。

    .滚动延时scrolldely(ms)一般取10
                  

    多个图片,只须重复:
    <IMG src="http://www.8q8.cn/UploadFile/2005-12/2005122214231212319.gif">
   
    四 图片的动画效果
   
       1 效果代码:
<t:TRANSITIONFILTER from="0" to="1" type="fade" dur="2">
type="fade":图片变化属性=值
值:
fade      图片渐显渐隐
barWipe      图片从左到右拉开
ClockWipe      图片像钟表一样旋转拉开
barnDoorWipe      图片从中间向两边拉开
slideWipe       图片右往左边拉开
irisWipe      图片正中矩形向外扩散
snakeWipe      图片蛇形展开
ellipseWipe       图片
双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

烟雨亭-透明FLASH|QQ空间FLASH|音乐|动漫|图片|教程|娱乐| | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:804994046 E-mail:jxhp16789@163.com 联系人:梦幻