久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

搜索
分享

網(wǎng)易博客代碼(二十)(日志滾動(dòng)條I) - 謎的日志 - 網(wǎng)易博客

  青出于藍(lán) 2011-04-30

網(wǎng)易博客代碼(二十)(日志滾動(dòng)條I)

IT專(zhuān)題 2006-12-22 16:53:58 閱讀18637 評(píng)論26   字號(hào)：大中小 訂閱

長(zhǎng)篇大論的日志,，看著頭暈,，給自己的日志加一個(gè)滾動(dòng)條吧。

1.


 這里為文字輸入?yún)^(qū)
 這里為文字輸入?yún)^(qū)
 這里為文字輸入?yún)^(qū)
 這里為文字輸入?yún)^(qū)
 這里為文字輸入?yún)^(qū)


<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> 這里為文字輸入?yún)^(qū)<br/> 這里為文字輸入?yún)^(qū)<br/> 這里為文字輸入?yún)^(qū)<br/> 這里為文字輸入?yún)^(qū)<br/> 這里為文字輸入?yún)^(qū)<br/><br/><br/>
</div>
</div>

 2.

這里為文字輸入?yún)^(qū)

這里為文字輸入?yún)^(qū)

這里為文字輸入?yún)^(qū)

 <DIV style="BORDER: 1px solid; OVERFLOW: auto; WIDTH: 480px; DIRECTION: rtl; HEIGHT: 100px">
 <DIV style="line-height:16px;font-size:12px;DIRECTION: ltr;">
  <P>這里為文字輸入?yún)^(qū)</P>
  <P>這里為文字輸入?yún)^(qū)</P>
  <P>這里為文字輸入?yún)^(qū)</P>
 </DIV>
</DIV>

3.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

<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.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

<DIV style="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>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV>

 

5.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

<DIV style="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>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV>

 

6.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px 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>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV>

 

7.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

<TABLE cellSpacing=0 cellPadding=0 background=圖片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px 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>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV></TD></TR></TBODY></TABLE>

8.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px 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>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV>

9.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

 <TABLE cellSpacing=0 cellPadding=0 background=圖片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px 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>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV></TD></TR></TBODY></TABLE>

10.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

<TABLE cellSpacing=0 cellPadding=0 background=圖片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV style="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; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<P>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV></TD></TR></TBODY></TABLE>

11.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

<DIV style="word-break:keep-all;BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 120px; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT: 80px">
<P>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV>

13.

這是測(cè)試文字

這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字

<TABLE cellSpacing=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 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<DIV style="DIRECTION: ltr"><P>這是測(cè)試文字</P>
<P>這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字這是測(cè)試文字</P></DIV></DIV></TD></TR></TBODY></TABLE>

說(shuō)明：

 

v 必須在html編輯狀態(tài)下編輯代碼,。

v 簡(jiǎn)單的文本框是通過(guò)DIV實(shí)現(xiàn)的,，包含背景圖片的文本框是通過(guò)將DIV嵌入到Table中實(shí)現(xiàn)的。

v 主要通過(guò)對(duì)DIV的Style屬性來(lái)控制樣式,，主要設(shè)置如下：

　　overflow（溢出控制）：visible（默認(rèn),，可見(jiàn)）、auto（自動(dòng)）,、scroll（顯示滾動(dòng)條）,；

　　width（寬度）：數(shù)值；

　　height（高度）：數(shù)值,；

　　color（字體顏色）：色彩代碼,；

　　font-size（字體大小）：數(shù)值,；

　　line-height（行高）：數(shù)值；

　　border（邊框）：寬度,、類(lèi)型和顏色,，類(lèi)型主要支持以下幾種：none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset；

　　font-weight（字體粗細(xì)）：normal,、bold,、bolder、lighter,；

　　font-family（字體類(lèi)型）：Arial,、Tahoma、Verdana,、仿宋_GB2312,、黑體、楷體_GB2312,、隸書(shū),、宋體、幼圓,；

　　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（滾動(dòng)條各部分的顏色）：色彩代碼；

　　filter:chroma(COLOR=轉(zhuǎn)換成透明的顏色)（chroma過(guò)濾器）：色彩代碼，該顏色將轉(zhuǎn)換成透明效果,；

　　word-break（斷字）：normal（默認(rèn),，正常斷字）、keep-all（嚴(yán)格不斷字）,、break-all（嚴(yán)格斷字）,；

　　direction（文字方向）：ltr（默認(rèn)，從左向右）,、rtl（從右向左）,。

------------------------------------------------------------

使用方法：

在日志編輯狀態(tài)下，點(diǎn)<>按鈕,，拷貝以上代碼后,，再點(diǎn)<>按鈕，回到原日志編輯狀態(tài)下輸入文字即可,！

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,，所有內(nèi)容均由用戶(hù)發(fā)布，不代表本站觀點(diǎn),。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,，請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    來(lái)自： 青出于藍(lán) > 《日志代碼》

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶(hù) 評(píng)論公約

    類(lèi)似文章 更多
    喜歡該文的人也喜歡 更多
    熱門(mén)閱讀 換一換