虞洽卿蒋介石:启步学代码Ⅱ
来源:百度文库 编辑:九乡新闻网 时间:2024/10/06 02:54:41
用代码制作图片羽化效果
图片羽化也有的叫雾化,就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法很容易,用html贴图标签加入css样式表滤镜属性和属值语句即可.祥细内容如下:
⑴ html贴图标签:
⑵ css样式表滤镜属性和属值语句:
s="FILTER: alpha(opacity=100,s=2)"
⑶ 用代码制作图片羽化模式:
说明:
◆◆s=套用css样式表标记.
◆FILTER 属性名称:滤镜
◆alpha 属值:透明程度.
◆opacity 启始值0-100,0为透明,100为原图,通常是100.
◆s=2或3,羽化效果,2为圆形,3为矩形.
图片羽化(圆形)代码实例:
说明:
◆关键语句:opacity=100,s=2
显示效果:
图片羽化(矩形)代码实例:
说明:
◆关键语句:opacity=100,s=3
显示效果:
羽化图片再加上移动标签,也可作各种方向移动,例如来回走的代码:
显示效果:
在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容,代码如下:
说明:
◆TABLE s=表格标签套用样式表标记.
◆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-动画图片有各种方式:①直接在页面上插入。②在一张图片上加叠1或多个FLASH。③在页面上任何地方定位加叠。网页上不宜加插太多FLASH,否则会影响网页的打开。
在页面上插入FLASH的代码模式:
在页面上插入FLASH的代码模式:
显示效果:
',4)">
在图片上插入FLASH的代码模式:
在图片上插入FLASH的代码实例:
显示效果:
',5)">
在图片上插入2张FLASH的代码实例:
显示效果:
',6)">',7)">
在图片上用绝对定位挂贴FLASH动画图片
在图片上可以同时插入多张FLASH,但只是在同一位置上加叠,如果要在不同位置显示,比如下面这张贴,在半空的鹿要调到下面草地,飞雁要调上一些,必须采用绝对定位挂贴的方法。
',8)">',9)">
在图片上用绝对定位挂贴FLASH动画图片代码实例:
说明:
●
图片羽化也有的叫雾化,就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法很容易,用html贴图标签加入css样式表滤镜属性和属值语句即可.祥细内容如下:
⑴ html贴图标签:
⑵ css样式表滤镜属性和属值语句:
s="FILTER: alpha(opacity=100,s=2)"
⑶ 用代码制作图片羽化模式:
说明:
◆
◆FILTER 属性名称:滤镜
◆alpha 属值:透明程度.
◆opacity 启始值0-100,0为透明,100为原图,通常是100.
◆s=2或3,羽化效果,2为圆形,3为矩形.
图片羽化(圆形)代码实例:
说明:
◆关键语句:opacity=100,s=2
显示效果:
图片羽化(矩形)代码实例:
说明:
◆关键语句:opacity=100,s=3
显示效果:
羽化图片再加上移动标签,也可作各种方向移动,例如来回走的代码:
显示效果:
在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容,代码如下:
说明:
◆TABLE s=表格标签套用样式表标记.
◆POSITION: relative 样式表语句:相对定位,作为绝对定位的容框.
◆
原创编辑:游子
***************************************************************************
趣味的移动标签
用html代码编辑音画贴,不是很难的知识.因为html不是程序语言,而是标签语言,好像是用具名称,知道它的作用,就能做出什么东西.学会使用十多条htm标签,就能制作出很多精采的音画贴.比如文字标签或贴图标签,再加上移动标签marquee,就能编成许多文字或图片等趣味的动态效果.
移动标签名称:marquee
移动标签是成对标签:
只用移动标签,没有设置其他属性内容时,默然从右向左移动,比如:
显示效果:
只用移动标签,没有设置其他属性内容时,默然从右向左移动.
移动标签的语句有标签名称,属性内容和属值.属性内容(指令)有方向、速度、方式、循环、延时等.常用的有方向和速度两个内容.代码模式:
说明:
◆这条标签有一个移动名称,两个属性内容和属值.
◆黑色字体marquee是移动标签名称.
◆红色字体scrollamount=#是第一属性内容名称及属值:移动速度和参数.
◆蓝色字体direction=# 是第二属性内容名称及属值:移动方向和参数.
文字从左向右移动的代码:
显示效果:
向右移动语句direction=right
移动标签的语句说明:
◆marquee 标签名称.
◆scrollamount=# 属性内容速度及属值.属值:#=1 最慢 #=10 较快,参值大速度快.
◆direction=# 属性内容方向及属值.
▽移动方向属值:left向左移, right向右移,up向上移,down向下移,alternate来回走.
移动速度快慢代码:
移动速度实例代码:
◆移动速度快慢的语句scrollamount= 参数大移动快.
显示效果:
移动方向的练习
(一)文字从右向左移动.
显示结果:
七律 长征(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-动画图片有各种方式:①直接在页面上插入。②在一张图片上加叠1或多个FLASH。③在页面上任何地方定位加叠。网页上不宜加插太多FLASH,否则会影响网页的打开。
在页面上插入FLASH的代码模式:
在页面上插入FLASH的代码模式:
显示效果:
',4)">
在图片上插入FLASH的代码模式:
在图片上插入FLASH的代码实例:
显示效果:
',5)">
在图片上插入2张FLASH的代码实例:
显示效果:
',6)">
在图片上用绝对定位挂贴FLASH动画图片
在图片上可以同时插入多张FLASH,但只是在同一位置上加叠,如果要在不同位置显示,比如下面这张贴,在半空的鹿要调到下面草地,飞雁要调上一些,必须采用绝对定位挂贴的方法。
',8)">
在图片上用绝对定位挂贴FLASH动画图片代码实例:
说明:
●
●