九乡新闻网虞洽卿蒋介石:启步学代码Ⅱ
来源：百度文库 编辑：九乡新闻网 时间：2024/07/07 17:01:08
用代码制作图片羽化效果
图片羽化也有的叫雾化，就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法很容易，用html贴图标签加入css样式表滤镜属性和属值语句即可．祥细内容如下：
⑴ html贴图标签：
⑵ css样式表滤镜属性和属值语句：
style="FILTER: alpha(opacity=100,style=2)"
⑶ 用代码制作图片羽化模式：
说明：
◆
◆style=套用css样式表标记．
◆FILTER 属性名称:滤镜
◆alpha 属值:透明程度.
◆opacity 启始值0-100,0为透明,100为原图,通常是100．
◆style=2或3,羽化效果，2为圆形，3为矩形．
图片羽化(圆形)代码实例：
说明：
◆关键语句：opacity=100,style=2
显示效果：
图片羽化(矩形)代码实例：
说明：
◆关键语句：opacity=100,style=3
显示效果：
羽化图片再加上移动标签，也可作各种方向移动，例如来回走的代码：
显示效果：
在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容，代码如下：
说明：
◆TABLE style=表格标签套用样式表标记．
◆POSITION: relative 样式表语句：相对定位，作为绝对定位的容框．
◆
',2)">
原创编辑：游子
***************************************************************************
趣味的移动标签
用html代码编辑音画贴,不是很难的知识．因为html不是程序语言，而是标签语言，好像是用具名称，知道它的作用，就能做出什么东西．学会使用十多条htm标签，就能制作出很多精采的音画贴．比如文字标签或贴图标签，再加上移动标签marquee，就能编成许多文字或图片等趣味的动态效果．
移动标签名称：marquee
移动标签是成对标签：
只用移动标签，没有设置其他属性内容时，默然从右向左移动，比如：
显示效果：
只用移动标签，没有设置其他属性内容时，默然从右向左移动．
移动标签的语句有标签名称，属性内容和属值．属性内容（指令）有方向、速度、方式、循环、延时等．常用的有方向和速度两个内容．代码模式：
说明：
◆这条标签有一个移动名称，两个属性内容和属值．
◆黑色字体marquee是移动标签名称．
◆红色字体scrollamount=#是第一属性内容名称及属值：移动速度和参数．
◆蓝色字体direction=# 是第二属性内容名称及属值：移动方向和参数．
文字从左向右移动的代码：
显示效果：
向右移动语句direction=right
移动标签的语句说明：
◆marquee 标签名称．
◆scrollamount=# 属性内容速度及属值．属值：#=1 最慢 #=10 较快，参值大速度快．
◆direction=# 属性内容方向及属值．
▽移动方向属值：left向左移, right向右移，up向上移，down向下移，alternate来回走．
移动速度快慢代码：
移动速度实例代码：
◆移动速度快慢的语句scrollamount= 参数大移动快．
显示效果：
我的速度太慢．scrollamount=1我的速度正常．scrollamount=3我的速度较快．scrollamount=10
移动方向的练习
（一）文字从右向左移动．
显示结果：
七律 长征(1935.10)红军不怕远征难，万水千山只等闲。五岭逶迤腾细浪，乌蒙磅礴走泥丸。金沙水拍云崖暖，大渡桥横铁索寒。更喜岷山千里雪，三军过后尽开颜。
（二）图片从左向右移动的代码．
◆关键语句：direction=right 从左向右移动指令．
显示结果：
（三）文字从下向上移动的代码．
◆关键语句：direction=up 从下向上移动指令．
◆
显示结果：
七律 长征(1935.10) 红军不怕远征难，万水千山只等闲。 五岭逶迤腾细浪，乌蒙磅礴走泥丸。 金沙水拍云崖暖，大渡桥横铁索寒。 更喜岷山千里雪，三军过后尽开颜。
（四）图片从上向下移动的代码．
◆关键语句：direction=down 从上向下移动指令．
显示结果：
（五）图片左右来回走的代码．
◆关键语句：behavior=alternate 左右来回走移动指令．
显示结果：
（六）图片斜着移动的练习
用两条移动标签，一个控制上下方向.另一个控制左右方向．比如要从左下角向右上角斜着移动，第一条标签的移动向上up，第二条标签的移动向右right．图片四种斜走的代码模式和显示效果如下：
⑴图片从左下角向右上角斜着移动的代码：
◆第一条移动标签向上：direction="up"．
◆第二条移动标签向右：direction="right"
显示效果：
⑵图片从右下角向左上角斜着移动的代码：
◆第一条移动标签向上：direction="up"．
◆第二条移动标签向左：direction="left"
显示效果：
⑶图片从右上角向左下角斜着移动的代码：
◆第一条移动标签向上：direction="down"．
◆第二条移动标签向左：direction="left"
显示效果：
⑷图片从左上角向右下角斜着移动的代码：
◆第一条移动标签向上：direction="down"．
◆第二条移动标签向左：direction="right"
显示效果：
⑸图片从右下角和左下角向左上角和右上角斜着移动合并的代码：
◆设置一张宽800高400的表格，分为二个单元格，再分别插入移动图片的代码．
显示效果：
⑹ 图片走四方的代码．
显示结果：
走四方
⑺文字在图片上向上移动的代码．
显示结果：
《梅花落》
隆冬十二月，寒风西北吹。
独有梅花落，飘荡不依枝。
留恋逐霜彩，漫步下冰斯。
何当与春日，共映芙蓉词。
⑻多张图片移动的代码．
◆图片之间设一个空格，图片就不会粘并．
显示结果：
（七）整张页面移动的代码．
◆整张页面移动的方法，在贴子代码文本最前行和最后行，设置移动标签即可．
◆页面左右移动的代码：
最前行加移动首标签
◆如果要改变移动方向，修改移动方向属值direction=#．
显示结果：
网
络
世
界
欢
迎
大
家
光
临
⑽图片多行多列移动代码．
显示结果：
',3)">
⑾文字波浪形来回移动的代码．
显示结果：
2
0
0
8
年
北
京
奥
运
欢
迎
您
原创编辑：游子
**************************************************************************
贴FLASH-动画图片的方法
加插FLASH-动画图片有各种方式：①直接在页面上插入。②在一张图片上加叠１或多个FLASH。③在页面上任何地方定位加叠。网页上不宜加插太多FLASH，否则会影响网页的打开。
在页面上插入FLASH的代码模式：
在页面上插入FLASH的代码模式：
显示效果：
',4)">
在图片上插入FLASH的代码模式：
在图片上插入FLASH的代码实例：
显示效果：
',5)">
在图片上插入2张FLASH的代码实例：
显示效果：
',6)">',7)">
在图片上用绝对定位挂贴FLASH动画图片
在图片上可以同时插入多张FLASH，但只是在同一位置上加叠，如果要在不同位置显示，比如下面这张贴，在半空的鹿要调到下面草地，飞雁要调上一些，必须采用绝对定位挂贴的方法。
',8)">',9)">
在图片上用绝对定位挂贴FLASH动画图片代码实例：
说明：
●
图片羽化也有的叫雾化，就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法很容易，用html贴图标签加入css样式表滤镜属性和属值语句即可．祥细内容如下：
⑴ html贴图标签：
⑵ css样式表滤镜属性和属值语句：
style="FILTER: alpha(opacity=100,style=2)"
⑶ 用代码制作图片羽化模式：
说明：
◆
◆FILTER 属性名称:滤镜
◆alpha 属值:透明程度.
◆opacity 启始值0-100,0为透明,100为原图,通常是100．
◆style=2或3,羽化效果，2为圆形，3为矩形．
图片羽化(圆形)代码实例：
说明：
◆关键语句：opacity=100,style=2
显示效果：
图片羽化(矩形)代码实例：
说明：
◆关键语句：opacity=100,style=3
显示效果：
羽化图片再加上移动标签，也可作各种方向移动，例如来回走的代码：
显示效果：
在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容，代码如下：
说明：
◆TABLE style=表格标签套用样式表标记．
◆POSITION: relative 样式表语句：相对定位，作为绝对定位的容框．
◆
',2)">原创编辑：游子
***************************************************************************
趣味的移动标签
用html代码编辑音画贴,不是很难的知识．因为html不是程序语言，而是标签语言，好像是用具名称，知道它的作用，就能做出什么东西．学会使用十多条htm标签，就能制作出很多精采的音画贴．比如文字标签或贴图标签，再加上移动标签marquee，就能编成许多文字或图片等趣味的动态效果．
移动标签名称：marquee
移动标签是成对标签：
只用移动标签，没有设置其他属性内容时，默然从右向左移动，比如：
显示效果：
只用移动标签，没有设置其他属性内容时，默然从右向左移动．
移动标签的语句有标签名称，属性内容和属值．属性内容（指令）有方向、速度、方式、循环、延时等．常用的有方向和速度两个内容．代码模式：
说明：
◆这条标签有一个移动名称，两个属性内容和属值．
◆黑色字体marquee是移动标签名称．
◆红色字体scrollamount=#是第一属性内容名称及属值：移动速度和参数．
◆蓝色字体direction=# 是第二属性内容名称及属值：移动方向和参数．
文字从左向右移动的代码：
显示效果：
向右移动语句direction=right
移动标签的语句说明：
◆marquee 标签名称．
◆scrollamount=# 属性内容速度及属值．属值：#=1 最慢 #=10 较快，参值大速度快．
◆direction=# 属性内容方向及属值．
▽移动方向属值：left向左移, right向右移，up向上移，down向下移，alternate来回走．
移动速度快慢代码：
移动速度实例代码：
◆移动速度快慢的语句scrollamount= 参数大移动快．
显示效果：
我的速度太慢．scrollamount=1我的速度正常．scrollamount=3我的速度较快．scrollamount=10移动方向的练习
（一）文字从右向左移动．
显示结果：
七律 长征(1935.10)红军不怕远征难，万水千山只等闲。五岭逶迤腾细浪，乌蒙磅礴走泥丸。金沙水拍云崖暖，大渡桥横铁索寒。更喜岷山千里雪，三军过后尽开颜。
（二）图片从左向右移动的代码．
◆关键语句：direction=right 从左向右移动指令．
显示结果：
（三）文字从下向上移动的代码．
◆关键语句：direction=up 从下向上移动指令．
◆
文字内容这是文字依原来方式显示的首尾标签．
显示结果：
七律 长征(1935.10) 红军不怕远征难，万水千山只等闲。 五岭逶迤腾细浪，乌蒙磅礴走泥丸。 金沙水拍云崖暖，大渡桥横铁索寒。 更喜岷山千里雪，三军过后尽开颜。
（四）图片从上向下移动的代码．
◆关键语句：direction=down 从上向下移动指令．
显示结果：
（五）图片左右来回走的代码．
◆关键语句：behavior=alternate 左右来回走移动指令．
显示结果：
（六）图片斜着移动的练习
用两条移动标签，一个控制上下方向.另一个控制左右方向．比如要从左下角向右上角斜着移动，第一条标签的移动向上up，第二条标签的移动向右right．图片四种斜走的代码模式和显示效果如下：
⑴图片从左下角向右上角斜着移动的代码：
◆第一条移动标签向上：direction="up"．
◆第二条移动标签向右：direction="right"
显示效果：
⑵图片从右下角向左上角斜着移动的代码：
◆第一条移动标签向上：direction="up"．
◆第二条移动标签向左：direction="left"
显示效果：
⑶图片从右上角向左下角斜着移动的代码：
◆第一条移动标签向上：direction="down"．
◆第二条移动标签向左：direction="left"
显示效果：
⑷图片从左上角向右下角斜着移动的代码：
◆第一条移动标签向上：direction="down"．
◆第二条移动标签向左：direction="right"
显示效果：
⑸图片从右下角和左下角向左上角和右上角斜着移动合并的代码：
◆设置一张宽800高400的表格，分为二个单元格，再分别插入移动图片的代码．
显示效果：
⑹ 图片走四方的代码．
显示结果：
走四方
⑺文字在图片上向上移动的代码．
显示结果：
《梅花落》
隆冬十二月，寒风西北吹。
独有梅花落，飘荡不依枝。
留恋逐霜彩，漫步下冰斯。
何当与春日，共映芙蓉词。
⑻多张图片移动的代码．
◆图片之间设一个空格，图片就不会粘并．
显示结果：
（七）整张页面移动的代码．
◆整张页面移动的方法，在贴子代码文本最前行和最后行，设置移动标签即可．
◆页面左右移动的代码：
最前行加移动首标签
◆如果要改变移动方向，修改移动方向属值direction=#．
显示结果：
网
络
世
界
欢
迎
大
家
光
临
⑽图片多行多列移动代码．
显示结果：
',3)">
⑾文字波浪形来回移动的代码．
显示结果：
2
0
0
8
年
北
京
奥
运
欢
迎
您
原创编辑：游子
**************************************************************************
贴FLASH-动画图片的方法
加插FLASH-动画图片有各种方式：①直接在页面上插入。②在一张图片上加叠１或多个FLASH。③在页面上任何地方定位加叠。网页上不宜加插太多FLASH，否则会影响网页的打开。
在页面上插入FLASH的代码模式：
在页面上插入FLASH的代码模式：
显示效果：
',4)">
在图片上插入FLASH的代码模式：
在图片上插入FLASH的代码实例：
显示效果：
',5)">
在图片上插入2张FLASH的代码实例：
显示效果：
',6)">
',7)">在图片上用绝对定位挂贴FLASH动画图片
在图片上可以同时插入多张FLASH，但只是在同一位置上加叠，如果要在不同位置显示，比如下面这张贴，在半空的鹿要调到下面草地，飞雁要调上一些，必须采用绝对定位挂贴的方法。
',8)">
',9)">在图片上用绝对定位挂贴FLASH动画图片代码实例：
说明：
●
●