(上下拖動右側(cè)的滾動條看看)
效果1:
博客實(shí)用代碼、工具、表格--精選【原】博客制作精美圖片--精選(歡迎分享)【原】管理員回貼圖片---(記憶收藏)【原】圈子管理---管理員篇【原】走進(jìn)計算機(jī)教學(xué)與新課改【原】計算機(jī)中數(shù)的表示【原】計算機(jī)基本常識【原】教育來自細(xì)節(jié)【原】我從教計算機(jī)學(xué)科的一些體會【原】我對計算機(jī)輔助教育教學(xué)的一些看法【原】創(chuàng)新探索能力的培養(yǎng)【原】《計算機(jī)的基本操作》說課教案【原】淺談計算機(jī)教學(xué)方法【原】計算機(jī)課堂教學(xué)原則初探【原】Flash制作選擇題模板【原】信息技術(shù)課的評價性策略(論文)【原】教育隨想【原】教師語錄【原】簡單制作網(wǎng)頁【原】PowerPoint建立動畫 教學(xué)設(shè)計【原】信息技術(shù)在小學(xué)課堂教學(xué)中的誤區(qū)【原】《圖形的修改》一課的教學(xué)構(gòu)思與反思【原】簡單的改變 意外的收獲【原】網(wǎng)絡(luò)環(huán)境下研究性教學(xué)的設(shè)計【原】顯示器日常維護(hù)之我見【原】博客與教育教學(xué)之我見【原】對小學(xué)信息技術(shù)課堂教學(xué)的幾點(diǎn)思考【原】插入藝術(shù)字【原】信息的各種心態(tài)及其本質(zhì)含義【原】點(diǎn)擊此處查看更多內(nèi)容......效果2:
山野幽居曾經(jīng)滄海...三國縮寫別忘了——你的世界我曾經(jīng)來過七夕的由來和傳說8個最殘忍的笑話一道終身受用的測試題別讓深愛你的人受傷蜘蛛與甘露的故事天底下最悲壯的事(笑暴你)這是誰家倒霉孩子寫在敬老院墻上的話《瘋娘》轉(zhuǎn)載（如果你看了，請你看完）芙蓉姐姐和魔鏡一碗羊湯面測試一下你的眼力相濡以沫,不如相忘于江湖男人的一生給欲望設(shè)定底線愛的最高境界落花無言，人淡如菊留住的叫幸福，流逝的叫遺憾短篇經(jīng)典鬼故事大學(xué)流傳最廣的一封情書KTV省錢技巧王重陽追悼會上的屁聲星空與星座（圖）聽說豬肉漲價之后如果是你,你會等嗎...QQ空間工具、技巧結(jié)婚前后弟弟十倍的侮辱等于尊重?經(jīng)得起風(fēng)雨,卻經(jīng)不起平凡怎么樣,動心了嗎?那么我們來看看代碼吧:
通用代碼:
一.右側(cè)滾動條代碼:
<DIV align=center>
<DIV style='color: blue; background-color: white; border: green solid 1px; width: 420px;
height: 100px;
overflow: scroll;
scrollbar-face-color:#90d8b4;
scrollbar-highlight-color:#fcfcb4;
scrollbar-3dlight-color:#00fcb4;
scrollbar-darkshadow-color:#4890db;
scrollbar-Shadow-color:#00fcfc;
scrollbar-arrow-color:#fc9090;
scrollbar-track-color:#d8fcfc;'>
日志圖文內(nèi)容
</DIV></DIV>
代碼解釋：
按照順序：color--文字顏色， background--背景顏色， border:－－邊框顏色
solid--實(shí)線 1px--實(shí)線大小 width--框長 height--框高
overflow--插入滾動條（PS:在后面加上 overflow-x:hidden;（隱藏左右）或Overflow-y:hidden; （隱藏上下）
下面一大部分scroll-...，全是對滾動條顏色的設(shè)置，具體做法：
http://cdh.idv.tw/cdh/no04.htmhttp://myurl.com.tw/bca9或者百度，GOOGLE搜索，網(wǎng)頁滾動條之類的關(guān)鍵字，就會出現(xiàn)一些軟件，下載后設(shè)置滾動條，生成相應(yīng)的代碼后復(fù)制代替上面代碼金黃色區(qū)域即可。
二.左側(cè)滾動條代碼:
<DIV align=center>
<DIV style="BORDER: black solid 1px; OVERFLOW: auto; WIDTH: 420px; HEIGHT: 100px;
DIRECTION: rtl" >
<DIV style="DIRECTION: ltr;" align=left>
日志圖文內(nèi)容
</DIV></DIV></DIV>
代碼解釋：
Direction: rtl —— 是將滾動條放置到左邊的關(guān)鍵
Direction: ltr —— 是確保文字輸入方式還是從左到右
其中滾動條樣式、顏色都使用了默認(rèn)值，所以這個例子除了將滾動條放置到了左側(cè)以外，基本可以說是采用了最簡單的滾動條語句。
其他具體改法，參照第一例的解釋
三.透明滾動條代碼：
<DIV align=center>
<DIV style='color: navy; background-color: pink; border: orange solid 1px; width: 420px;
height: 100px;
overflow: auto; scrollbar-face-color: pink; scrollbar-shadow-color: pink; scrollbar-
highlight-color: pink; scrollbar-3dlight-color: pink; scrollbar-darkshadow-color: pink;
scrollbar-track-color: pink; scrollbar-arrow-color: navy;'>
日志圖文內(nèi)容
</DIV></DIV>
代碼解釋：
其實(shí)很簡單，就是把所以滾動條的顏色都設(shè)成和背景色一樣，比如這個例子中的 Pink。只保留Scrollbar-arrow-color 為不同于背景色的顏色，比如例子中的Navy。這樣用鼠標(biāo)點(diǎn)擊兩個向上、向下的小箭頭即可滾動圖文框中的內(nèi)容。
如需修改，參照第一例的解釋。
代碼說明：
SCROLLBAR-FACE-COLOR: 滾動條凸出部分的顏色
SCROLLBAR-HIGHLIGHT-COLOR: 滾動條空白部分的顏色
SCROLLBAR-SHADOW-COLOR: 立體滾動條陰影的顏色
SCROLLBAR-3DLIGHT-COLOR: 滾動條亮邊的顏色
SCROLLBAR-ARROW-COLOR: 上下按鈕上三角箭頭的顏色
SCROLLBAR-TRACK-COLOR: 滾動條的背景顏色
SCROLLBAR-DARKSHADOW-COLOR: 滾動條強(qiáng)陰影的顏色
SCROLLBAR-BASE-COLOR:
這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容
這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容
設(shè)置為透明滾動條很簡單. 就是除了SCROLLBAR-ARROW-COLOR之外
使用背景圖片：使用不滾動的背景圖片也很簡單.
利用設(shè)置了背景圖片的<table>,
在<table>內(nèi)使用滾動條框架就可以.
這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容
這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容
這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容
這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容
這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容
這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容
這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容這里輸入內(nèi)容
各位朋友。你可以直接復(fù)制這個滾動框到你的日志編輯頁面，調(diào)節(jié)滾動框的大小，
屬性設(shè)置：
WIDTH: 148;HEIGHT: 146; 根據(jù)使用的位置,可調(diào)整寬度和高度.
OVERFLOW: scroll; 顯示縱橫滾動條.上部的演示均屬設(shè)置為scroll的界面. 但一般都設(shè)置為：auto(需要時才顯示)
BACKGROUND-COLOR: transparent; 滾動框內(nèi)部背景顏色.transparent為透明色.其他可使用顏色代碼.
