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

幽幽世界

欢迎来的幽幽世界帮助版 在这里回答你的问题 .....

 
 
 

日志

 
 

给日志添加滚动条  

2008-03-02 10:37:14|  分类: 代码收藏 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

本文来自月冷如冰 感谢博友提供

[博客技巧]给日志添加滚动条

 

演示一:

  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。

  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。

  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。

 

HTML代码:

<DIV style="BORDER: 1px solid; OVERFLOW: auto; WIDTH: 377px; DIRECTION: rtl; HEIGHT: 80px">
 <DIV style="line-height:16px;font-size:12px;DIRECTION: ltr;">
  <P>  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
  <P>  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
  <P>  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
 </DIV>
</DIV>

 

演示二

日记文字日记文字日记文字日记文字日记文字日记文字日记文字日记文字日记文字日记文字日记文字日记文字日记文字日记文字日记文字

 

HTML代码:

<DIV align=center
style='
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
width: 470px;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>日记文字</DIV>

语句的解释:
align=center
//居中对齐是center,居左是left,右是right
style='
color: #990099;
//前景色为#ffffff
color: #ffffff;
//背景色为#000000
background-color: #000000;
//边框为2像素,黑色
border: solid 2px black;
//宽度120像素
width: 120px;
//高度200像素
height: 200px;
//超出范围时使用滚动条
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;代表横边框两边三角框里的三角颜色

//在这个层中显示文字“日志文字”,层结束标志
最后不要忘记,在整个日记最后加上</DIY>

 

注:由于以上演示中添入的文字较少,所以可能有看不到滚滚动条的现象,大家只要在写日志的

时候有足够多的文字便可出现效果了!当然也通过改写代码达到效果,月冷在这里就不示范了!

 

 

 

  评论这张
 
阅读(310)| 评论(3)
推荐 转载

历史上的今天

评论

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

页脚

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