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

xianger

 
 
 

日志

 
 

博客代码(二十)(日志滚动条I)  

2008-09-03 18:53:58|  分类: 【电脑制作】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

1.


 这里为文字输入区
 这里为文字输入区
 这里为文字输入区
 这里为文字输入区
 这里为文字输入区


<div style="overflow:auto; width:67%;height:100px; line-height:15px; border-width:1px;border-color:#ffccff; border-style:dotted;scrollbar-base-color:#ff66ff; scrollbar-face-color:none;scrollbar-arrow-color:none; scrollbar-track-color:#ffefff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-highlight-color:#f5d8f5;scrollbar-shadow-color:#e5c8e5"><br/>
<div>&nbsp;这里为文字输入区<br/>&nbsp;这里为文字输入区<br/>&nbsp;这里为文字输入区<br/>&nbsp;这里为文字输入区<br/>&nbsp;这里为文字输入区<br/><br/><br/>
</div>
</div>

 2.

这里为文字输入区

这里为文字输入区

这里为文字输入区

 <DIV style="BORDER: 1pxsolid; OVERFLOW: auto; WIDTH: 480px; DIRECTION: rtl; HEIGHT:100px">
 <DIVstyle="line-height:16px;font-size:12px;DIRECTION: ltr;">
  <P>这里为文字输入区</P>
  <P>这里为文字输入区</P>
  <P>这里为文字输入区</P>
 </DIV>
</DIV>

3.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<DIV style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid;FONT-SIZE: 12px; BORDER-LEFT: 1px solid; WIDTH: 480px; LINE-HEIGHT:20px; BORDER-BOTTOM: 1px solid">

4.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<DIVstyle="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE:12px; BORDER-LEFT: 1px solid; WIDTH: 120px; LINE-HEIGHT: 20px;BORDER-BOTTOM: 1px solid; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV>

5.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<DIVstyle="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE:12px; OVERFLOW: scroll; BORDER-LEFT: 1px solid; WIDTH: 120px;LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT:80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV>

6.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<DIVstyle="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1pxsolid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px;SCROLLBAR-HIGHLIGHT-COLOR: #216dad; OVERFLOW: auto; BORDER-LEFT:#216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff;COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT:20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR:#ffffff; BORDER-BOTTOM: #216dad 1px solid;SCROLLBAR-DARKSHADOW-COLOR: #216dad; SCROLLBAR-BASE-COLOR: #ffffff;HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV>

7.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<TABLEcellSpacing=0 cellPadding=0 background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px;SCROLLBAR-HIGHLIGHT-COLOR: #216dad; OVERFLOW: auto; BORDER-LEFT:#216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff;COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT:20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR:#ffffff; BORDER-BOTTOM: #216dad 1px solid;SCROLLBAR-DARKSHADOW-COLOR: #216dad; SCROLLBAR-BASE-COLOR: #ffffff;HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE>

 

8.

<DIVstyle="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1pxsolid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px;SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT:#216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff;COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT:20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR:#ffffff; BORDER-BOTTOM: #216dad 1px solid;SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff;HEIGHT: 80px">

<P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV>

9.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

 <TABLE cellSpacing=0 cellPadding=0background=图片地址 border=0>

<TBODY>

<TR>

<TD>

<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px;SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT:#216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff;COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT:20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR:#ffffff; BORDER-BOTTOM: #216dad 1px solid;SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff;HEIGHT: 80px">

<P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE>

10.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<TABLEcellSpacing=0 cellPadding=0 background=图片地址 border=0>

<TBODY>

<TR>

<TD>

<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; FILTER:chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px;SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad;SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px;SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR: #ffffff;BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR:#ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">

<P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE>

11.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<DIVstyle="word-break:keep-all;BORDER-RIGHT: 1px solid; BORDER-TOP: 1pxsolid; FONT-SIZE: 12px; OVERFLOW: auto; BORDER-LEFT: 1px solid;WIDTH: 120px; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT:80px">

<P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV>

13.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<TABLEcellSpacing=0 cellPadding=0 background=图片地址 border=0>

<TBODY>

<TR>

<TD>

<DIV style="DIRECTION: rtl;BORDER-RIGHT: #216dad 1px solid;BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff;FONT-SIZE: 12px; FILTER: chroma(COLOR=#ffffff);SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT:#216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff;COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT:20px; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-BOTTOM: #216dad 1pxsolid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR:#ffffff; HEIGHT: 80px">

<DIV style="DIRECTION:ltr"><P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></DIV></TD></TR></TBODY></TABLE>

说明:

v 必须在html编辑状态下编辑代码。

v简单的文本框是通过DIV实现的,包含背景图片的文本框是通过将DIV嵌入到Table中实现的。

v主要通过对DIV的Style属性来控制样式,主要设置如下:

  overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);

  width(宽度):数值;

  height(高度):数值;

  color(字体颜色):色彩代码;

  font-size(字体大小):数值;

  line-height(行高):数值;

  border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;

  font-weight(字体粗细):normal、bold、bolder、lighter;

  font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;

  background(背景颜色):色彩代码;

  scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar-darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar-3dlight-color,scrollbar-arrow-color(滚动条各部分的颜色):色彩代码;

  filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;

  word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);

  direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。

★ 置入博客的方法:

1. 进入编辑→2. 排版→3. 模块→

4. 添加自定义html(显示)(出现在网页左下角)→

5. 复制下列语法後贴上→6. 新增→

7. 将模块移到想显示的位置→8.再保存(右上角)→

9. 预览我的博客。→10.就可以看到出现在你的博客上了!

 

 

 

博客代码(二十)(日志滚动条I) - 香儿 - xianger

博客空间代码大全      博客代码(二十)(日志滚动条I) - 香儿 - xianger 

 

加入中文博客互踩,让你的博客产生收益博客代码(二十)(日志滚动条I) - 香儿 - xianger

  评论这张
 
阅读(5263)| 评论(0)
推荐

历史上的今天

评论

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

页脚

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