似水流年
那逝去的时光
<2008年5月>
27282930123
45678910
11121314151617
18192021222324
25262728293031
1234567

我的碎碎念
添加一条>>

最新随笔

常用链接

留言簿

我的标签

随笔档案

文章档案

相册

好友们

仰望的大虾

  •  

最新评论

1. re: 商务口语天天练
good (maywuang882005)
2. re: 从沪江配乐小组挖来滴播放器代码大全
我有个问题 想请问一下 问什么从“我的播客”上拉过来的音频都是hjp2,而不是你的hjp3 我的博客上以前插的音频,现在都不能放了,不知为什么? (Soonish)
3. re: 【NCE3】Ahu版-春风行动lesson38作文
这篇作文比上一篇感觉要好很多呢。。。我没有找到什么还要改的地方。。。。额。。。很好~~呵呵,林林~~ (颜)
4. re: 【NCE3】Ahu版-春风行动lesson38仿写
第三句:what's more, as the exploration made by the scientists in the last decades developed so rapidly... (颜)
5. re: 分割线,滚动文本框,文字代码-摘自sjjanet的博客
@syun 小云,最近忙着弄博客呐~ (郁郁林林)
6. re: 分割线,滚动文本框,文字代码-摘自sjjanet的博客
这些动来动去的字看得我晕乎乎的... (syun)
7. re: 从小组挖来滴沪江播放器代码大全
@小七 多多谢小七提醒,犯了好几次这错误了 (郁郁林林)
8. re: 从小组挖来滴泸江播放器代码大全
指出一下,是沪江啊,不是泸江来着…… (小七)

阅读排行榜

评论排行榜

最基本的:<*hr width=300 size=1 color=#5151A2 align=center noshade>


  
  其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;
align 规定线条位置,有left、right、center;noshade 表示是否有立体效果。
 
  两头渐变透明:
<*hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">

  右边渐变透明:
<*hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">


  画虚线:
<*hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">


  画双线:
<*hr width=80% size=3 color=#5151A2 style="border:3 double green">


  立体效果:
<*hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">


 纺棰形:
<*hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">

 


  钢针效果:
<*hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">


 

制作文本滚动框,先看下面的代码:(去掉*号)

 

 

<*div align="center"><*DIV style='color: #ffffff; background-color: #000000; width: 450px; height: 300px; overflow: scroll; scrollbar-face-color: #889B9F; scrollbar-shadow-color: #3D5054; scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054; scrollbar-darkshadow-color: #85989C; scrollbar-track-color: #95A6AA; scrollbar-arrow-color: #FFD6DA; '>日志文字

 

大家更改上面代码中紫色属性的值就可以了,其实主要就是改颜色以便更适合自己博的风格,先给大家一个查询颜色代码的工具:点击我使用

color是指滚动框中文字的颜色background-color滚动文本框的背景颜色scrollbar-face-color是指滚动条的颜色scrollbar-shadow-color,scrollbar-highlight-color,scrollbar-3dlight-color,scrollbar-darkshadow-color这几个属性全是关于滚动条的颜色设置,不太好描述大家自己试一下吧。scrollbar-track-color滚动条轨道的颜色scrollbar-arrow-color滚动条顶端那个三角箭头的颜色。文本框的高宽可以在设计模式中用鼠标拖动调整大小。最后把文本框添加的内容替换掉“日志文字”四个字就可以。

另外这个文本框也可以添加图片,FLASH,添加时同样是用代码替换掉“日志文字”四个字。

背景图片的内嵌式滚动文本框(去掉*号)
<*TABLE style="WIDTH: 380px; HEIGHT: 411px"  background=图片地址 border=0>
<*TBODY>
<*TR>
<*TD>
此处填入滚动文本的标题文字
</TD>

</TR>


<TR>
<TD>
<*DIV style="OVERFLOW: auto; WIDTH: 375px; HEIGHT: 264px">

此处填入滚动文本框里的文字

</DIV>

</TD>

</TR>

</TBODY>

</TABLE>

PS: 把上面两种代码结合起来,就可以做出一个很美观的帖子啦~~
大家加油!!

 

隐藏文本滚动框:
1.将文本滚动框背景设置成透明色,即background-color:Transparent。
2.将文本滚动框的边框值设置为0,即border: solid 0px。
3.将有关文本滚动框的各个组成部分的色彩均设为与日志背景相同,即修改各参数的色彩值。但滚动条箭头色彩,即scrollbar-arrow-color: 应不同的色彩值。

 

滚动文字基本语法为:<marquee> ... </marquee> 例:<*marquee>向前进,向前进,我们的队伍在前方!></marquee>  效果为:
... 向前进,向前进,我们的队伍在前方!

属性设置:从右向左<*marquee direction=left>我一路向左跑!</marquee> <P>  效果:

我一路向左跑!

从左向右:<*marquee direction=right>我一路向右跑!</marquee> 效果:

我一路向右跑!

绕来绕去:<*marquee behavior=scroll>我来回绕!</marquee> <P> 效果:

我来回绕!

从右向左一次就停的:<*marquee behavior=slide>我只走一次就停了!</marquee> <P> 效果:

我只走一次就停了!

来回走:<*marquee behavior=alternate>边走边唱!</marquee> 效果:

边走边唱!

PS:在代码中加LOOP=#则代码循环次数,不加说明不停止,除了那个只走一次就停的.

速度:<*marquee scrollamount=20>我快还是刘翔快?</marquee> 效果:

我快还是刘翔快?

一步一停:<*marquee scrolldelay=500 scrollamount=100>我一步一停!</marquee> 效果

 
滚动文字基本语法为:<marquee> ... </marquee> 例:<*marquee>向前进,向前进,我们的队伍在前方!></marquee>  效果为:
... 向前进,向前进,我们的队伍在前方!

属性设置:从右向左<*marquee direction=left>我一路向左跑!</marquee> <P>  效果:

我一路向左跑!

从左向右:<*marquee direction=right>我一路向右跑!</marquee> 效果:

我一路向右跑!

绕来绕去:<*marquee behavior=scroll>我来回绕!</marquee> <P> 效果:

我来回绕!

从右向左一次就停的:<*marquee behavior=slide>我只走一次就停了!</marquee> <P> 效果:

我只走一次就停了!

来回走:<*marquee behavior=alternate>边走边唱!</marquee> 效果:

边走边唱!

PS:在代码中加LOOP=#则代码循环次数,不加说明不停止,除了那个只走一次就停的.

速度:<*marquee scrollamount=20>我快还是刘翔快?</marquee> 效果:

我快还是刘翔快?

一步一停:<*marquee scrolldelay=500 scrollamount=100>我一步一停!</marquee> 效果

基本语法为:<marquee> ... </marquee> 例:<*marquee>向前进,向前进,我们的队伍在前方!></marquee>  效果为:

... 向前进,向前进,我们的队伍在前方!

属性设置:从右向左<*marquee direction=left>我一路向左跑!</marquee> <P>  效果:

我一路向左跑!

从左向右:<*marquee direction=right>我一路向右跑!</marquee> 效果:

我一路向右跑!

绕来绕去:<*marquee behavior=scroll>我来回绕!</marquee> <P> 效果:

我来回绕!

从右向左一次就停的:<*marquee behavior=slide>我只走一次就停了!</marquee> <P> 效果:

我只走一次就停了!

来回走:<*marquee behavior=alternate>边走边唱!</marquee> 效果:

边走边唱!

PS:在代码中加LOOP=#则代码循环次数,不加说明不停止,除了那个只走一次就停的.

速度:<*marquee scrollamount=20>我快还是刘翔快?</marquee> 效果:

我快还是刘翔快?

一步一停:<*marquee scrolldelay=500 scrollamount=100>我一步一停!</marquee> 效果

带颜色滚动:<*marquee bgcolor=aaaaee>看见底色了没?</marquee> 效果

看见底色了没?

加大面积:<*marquee height=40 width=50% bgcolor=aaeeaa>
绿色占地方好大!
</marquee> 效果:

绿色占地方好大!

文字从下向上滚动:<marquee bgcolor=#ffffff class=p4 direction=up height=60 scrollamount=1 scrolldelay=50 style="COLOR: #000000; class: " width=157 text-align: left? border="0" ;>向上<br>再向上<br>一直向上<br>始终向上</marquee >效果:

      向上
      再向上
     一直向上
      始终向上
 
参数说明:direction设置方向,具体可设置的值为up,down,left,right,height是高度值,设置移动文字上下移动的区间范围.Scrollamount设置移动文字的移动速度,具体的值可以设为1,2.3.4.5
 
 


Tag标签: 工具应用
posted on 2008-05-03 00:05 郁郁林林 阅读(97) 评论(2)  编辑  收藏

FeedBack:
2008-05-06 16:13 | syun
这些动来动去的字看得我晕乎乎的...
  回复  引用    
#2楼 [楼主]
2008-05-06 19:42 | 郁郁林林
@syun
小云,最近忙着弄博客呐~
  回复  引用    

标题  
姓名  
主页
EMail (只有博主才能看到)
验证码 *
内容(提交失败后,可以通过“恢复上次提交”恢复刚刚提交的内容)  
  登录    新用户注册  返回页首  恢复上次提交      
[使用Ctrl+Enter键可以直接提交]
该文被作者在 2008-05-03 00:14 编辑过