注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

春 天

     愿我的博友都接受福音

 
 
 

日志

 
 

引用 【原创】芝麻心语(二)  

2009-02-09 15:31:34|  分类: 电脑知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

精彩人生【原创】芝麻心语(二)

时间:2007年12月26日星期三

地点:芝麻讲堂

教师:“芝麻开门了”圈主  沧海

学员:“芝麻开门了”圈子管理员

本节课内容:

第一:文字移动基础代码和各种变换

第二:如何找到正确的日志和图片地址

具体讲解:

一、文字移动基础代码和各种变换

(一)移动代码

无论是文字还是图片,移动的代码都是

          以<marquee>开始以</marquee>结束

这个代码是我们需要认识的,当你看到这个代码的时候,你应该知道,这个代码表示的含义是移动

(二)最基本的移动代码中插入一些变换,使文字和图片移动的方向和形式发生改变

在最基本的文字移动方式上,大致可以添加以下几种移动方式

文字移动包括上下左右移动

跳动

竖排移动

在图片内飘动

带背景的滚动

1、文字上下左右移动:

下面这几个代码大家熟悉一下:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>文字</B></FONT></marquee>

这是向右移动的代码,我把里面的一些代码介绍一下。

 

scrollamount=3

这是移动速度,数值可修改  数值越大,移动速度越快。

FONT-SIZE: 30pt

这是文字大小

COLOR: #f90b46

文字颜色

WIDTH: 100%

文字宽度

FONT-FAMILY: 隶书

字体

<B>加粗开始

</B>加粗结束

以上这几个代码是需要大家认识的。

behavior="alternate"

这个代码表示循环移动,就是来回移动的意思,所以,以后大家在看到这个代码的时候,就应该知道,这代表该段文字会循环移动。

direction=up

文字向上移动

direction=down

文字向下移动

以上一些代码,详细的介绍了文字左右移动,上下移动的基本代码。

小结:

<marquee>文字</marquee>

这种状态,默认情况下是从右向左移动

<marquee direction=right>文字</marquee>

这种状态,是从左往右移动

这是最基本的左右移动文字的代码,刚才我说的控制字体颜色,大小,粗细,移动范围那些代码,可以加在这里,那样就可以控制文字到底是向左,右,还是左右移动了。

direction=up      向上

direction=down    向下 

可以把文字的颜色,大小,字体,粗细,移动方向用代码控制,代码刚才已经具体介绍,把控制文字颜色,大小,字体,粗细,移动方向及移动范围这些代码放在基本移动代码之内,就可以随意控制文字的这几种移动方式了。

2、跳动的文字

(1)跳动文字的基本代码:

<CENTER><FONT face=隶书 color=red size=15>

<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><FONT color=brown>

<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><FONT color=green>

<MARQUEE direction=up behavior=alternate width=60 height=80>周</MARQUEE><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>末</MARQUEE><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=60 height=80>愉</MARQUEE><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>快</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT>

这是文字跳动方式移动的代码,看着比较长,其实,分开来看,就很简单了。

<CENTER>

这是是居中命令,上次我们已经讲过,相信大家没忘记吧

width=宽度 height=高 

3、竖排移动的文字:

(1)基本代码:

<DIV align=center>

<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=480 height=150>

<MARQUEE style="LINE-HEIGHT: 150%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=480 height=220>

<P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" color=red>文字</FONT></P></MARQUEE></MARQUEE></DIV>

 (2)说明:

这段代码,是文字竖排移动的代码,里面的内容和上面我讲的大同小异,参数自己试验着修改可以看到效果,例如文字的大小,颜色,字体,移动速度,移动范围,对照着刚才讲的那些基本代码进行修改 

4、在图片上飘动的文字代码

(1)基本代码:

<TABLE  border Color=#cd5c5c height=350 width=450 align=center border=3>

<TBODY>

<TR>

<TD background=图片地址>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=500>

<P align=center><FONT color=red size=6><B>图片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

(2)说明:

width为浮动文字框架的宽度

height为浮动文字框架的高度

color=red表示文字颜色为红色

文字颜色表,我一会会在最后一部分交给大家

 (3)图片大小的调整

你要是愿意在PS里改一下更好,但是这里有个方法提供给大家:

再认识一下这个代码的含义:    

 <IMG src="图片地址" > ----加图 

再看这个代码:  

<IMG src="图片地址"width=100% > ――

这是改变图片大小的基本代码,就多了一个width=100%。

说明:width=100%

如果把这个参数放在加图代码之后,那么,这个图片放到模块里,会自动适应该模块的宽度,所以再大也不用改,它可以自己适应。当然了,如果图片太小,你可以把后面的参数调大---width=200%;如果该图片过大,你可以缩小比率---width=80%。

5、带背景的移动文字

<font color=文字颜色 ace=字体 size=大小> <marquee direction="文字移动方向:上下左右(用英文表示)" style="background: 背景颜色">需要移动的文字</marquee>

注:这个背景不可以用图片,只是单纯的文字背景色,这个文字的背景颜色可以改动。

小结:

今天详细的介绍了文字移动的基本代码,在基本的移动代码中,可以通过控制文字的颜色,大小,字体,移动速度,移动范围移动方向等等来控制文字移动的各种方式,小海基本总结为:文字的向左,向右,左右,上下,跳动,飘动,带背景移动这几种方式,同时在图片上设置飘动文字时,可以用代码控制插入图片的大小。 

再次复习基本代码

<CENTER>居中

<FONT face=字体

color=颜色

size=文字大小

width=宽

height=高度

提示:

看到代码,知道表示什么意思就可以,不用具体知道每一个代码表示的是什么,那样就复杂了,也累了,不方便记忆,因为我们只是想学会,不是想学透,最终目的拿来就能看懂,能用就可以了。 

二、怎样找日志的地址和图片的地址

(一)找日志地址:

日志的地址,不是打开该日志后看到的地址栏里的地址。

日志的地址是,打开该日志,点最下面的分享,会出现三个选项: 

1、引用此篇日志到我的博客 

点“引用此篇日志到我的博客”,该篇日志会被你挪到自己空间

2、复制此篇日志网址

点“复制此篇日志网址”这才是该篇日志的真正地址。点击此项,会出现一个绿色的对号,那么,该篇日志的地址就被复制,只要粘贴到想要粘贴的地方就可以了。

检查方式:你可以点一下第二个选项,在QQ聊天窗口里点右键粘贴一下,如果粘贴出日志的地址了,那就对了

3、发送给好友

点此项,会出现邮箱,提示你是不是把该篇日志的地址发送给自己的好友,通常这一选项很少被使用

 (二)怎样找图片的地址

第一部分:非相册里的图片,可以直接在该图片上点右键,点属性,就可以看到该图片的地址,以jpg结尾的那段地址就是该图片的地址

第二部分:相册里的图片的地址如何找

点一下相册,想要哪张图片的地址,就在该图片上点一下,然后在弹出的大图上点右键,点属性,就可以看到该图片的地址,以jpg结尾的那段地址就是该图片的地址 

图片的格式: 在网易博客里,基本上支持两种格式的图片:jpg格式和gif格式的图片。

jpg是不会动的图片,gif是会动的图片,但不是flash。

 附常用代码:

颜色代码大全:

http://canghai2381.blog.163.com/blog/static/34003324200710271716283

文字移动代码大全

http://canghai2381.blog.163.com/blog/static/34003324200711712728558

 

 

  评论这张
 
阅读(72)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017