當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 利用JS制作彩色滾動條

利用JS制作彩色滾動條

2012/11/9 19:10:10作者:佚名來源:網(wǎng)絡(luò)

移動端

【實例名稱】

利用JS制作彩色滾動條

【實例描述】

Windows xP風(fēng)格的界面可以呈現(xiàn)很多藍(lán)色特效的頁面,如標(biāo)題、菜單、滾動條等。本例學(xué)習(xí)制作藍(lán)色的滾動條。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(m.wangbatian.cn)</title> <style type="text/css"> body  {   scrollbar-face-color: #b5daff;   scrollbar-highlight-color: #ffffff;   scrollbar-shadow-color: #000000;   scrollbar-arrow-color: #0000ff;   scrollbar-base-color: #6699ff;   scrollbar-dark-shadow-color: #6699ff;  } </style>       </head> <body> <table border="1">  <tbody>   <tr>    <th>Name</th>    <th>Sex</th>    <th>Age</th>   </tr>   <tr>    <th>lisi</th>    <th>male</th>    <th>23</th>   </tr>   <tr>    <th>wangwu</th>    <th>male</th>    <th>27</th>   </tr>  </tbody> </table> </body> </html>

【運行效果】

 彩色滾動條運行效果

【難點剖析】

本例的重點就是窗體中文檔的樣式表。body代表窗體中的文檔部分,style表示嵌入到當(dāng)前窗體中的樣式表,“scrollbar”用來設(shè)置滾動條的關(guān)鍵樣式屬性。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請點擊:利用JS制作彩色滾動條 進(jìn)行本實例源碼下載 

標(biāo)簽: JS制作  彩色滾動條