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

辽西心理咨询师成长联盟

 
 
 

日志

 
 
关于我

性格:乐观、开朗、幽默。 品格:诚信、善良、正直。 格言:落花无言,人淡如菊。 追求:博友分享,我最快乐! 宗旨:传播土陶技艺,广交天下朋友!

网易考拉推荐

芝麻心语(二)  

2007-12-26 22:38:22|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

今天我要讲两方面内容:

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

第二、什么是日志和图片的地址

好了,现在先从第一项:文字移动基础代码和各种变换开始讲起

无论是文字还是图片,移动的代码都是以<marquee>开始以</marquee>结束。

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

下面讲怎样在这个最基本的移动代码中插入一些变换,使文字和图片移动的方向和形式发生改变。

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

1、文字移动包括上下左右移动,

2、竖排移动,

3、在图片内飘动

4、和在图片内滚动

5、带背景的滚动

6、跳动

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

下面我把这几个代码发给大家,让大家熟悉一下:

<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%    文字宽度

LINE-HEIGHT: 150%   移动范围宽度

FONT-FAMILY: 隶书  字体

<B>加粗开始

</B>加粗结束

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

behavior="alternate"

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

direction=up   文字向上移动

direction=down   文字向下移动

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

我之所以把这些代码拆分开来讲给大家,就是希望大家在看到这些代码的时候不会觉得头疼,因为介绍给你了,你就知道每个代码表示的含义。那样,你可以控制代码,也可以修改代码,就是这么简单。

<marquee>文字</marquee>  这种状态,默认情况下是从右向左移动。

<marquee direction=right>文字</marquee>     这种状态,是从左往右移动。

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

direction=up      向上

direction=down    向下

看下面的一段代码:

<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>文字<BR></FONT></P></MARQUEE></MARQUEE></DIV>

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

看下面的一段代码:

<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></FONT></FONT></FONT></FONT></FONT>

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

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

width=宽度 height=高度

下面讲在图片上飘动的文字代码:

<TABLE borderColor=#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>

有几点说明:

width为浮动文字框架的宽度

height为浮动文字框架的高度

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

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

如果碰到一幅小图,你要是愿意在PS里改一下更好,但是这里有个方法提供给大家。

<IMG src="图片地址" >   知道这个代码的含义吧?如果你要加的图片过大或者过小,用下面的代码。就是在这段代码修改下完成的。<IMG src="图片地址"width=100% >仔细看一下多了什么?width=100%

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

刚才加了一段小插曲,不要记录在文字移动方式的中间,把这一部分记在最后。

下面接着讲带背景的移动文字。

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

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

当然了,还有几种别的移动方式,但是万变不离其中,都是根据以上几种移动方法变换而来。

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

接着,讲一下怎样找日志的地址和图片的地址。

因为这个问题,我以前一直觉得挺简单的,所以没把这个列入考虑范围,但是,最几天,总有人把日志的地址和图片的地址搞错。

所以,有必要拿出来讲一下,尽管大家会,但是还是要写在我们共同的日志里的。

日志的地址,不是打开该日志后看到的地址栏里的地址。这样的理解是错误的!

日志的地址应该这样获得:打开该日志,点最下面的分享,会出现以下三个选项:

引用此篇日志到我的博客

复制此篇日志网址

发送给好友

 

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

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

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

呵呵,你可以点一下第二个选项,QQ聊天窗口里点右键粘贴一下啊。如果粘贴出日志的地址了,那就对了呗!我经常用QQ窗口完成复制粘贴任务,呵呵。

最后介绍一下怎样找图片的地址:

这里分两部分讲解

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

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

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

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

http://canghai2381.blog.163.com/blog/static/34003324200711712728558/    文字代码网址

http://canghai2381.blog.163.com/blog/static/34003324200710271716283/     颜色代码网址

 


更多精彩内容,点击哥们日志链接浏览!         

喜欢我的博客吗?

点击这里订阅我的博客

 

 

 

  评论这张
 
阅读(5533)| 评论(26)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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