使用樣式表控制IE5.5瀏覽器中捲軸 (轉)

使用樣式表控制IE5.5瀏覽器中捲軸 (轉)[@more@]

自從出現以來，對DHTML功能的加強就沒有停止過，在微軟最新的遊覽器Inte Explorer 5.5的的.5增加了許多新的樣式表內容，對捲軸的樣式進行修改也是其中之一，下面我們簡單地介紹一下涉及捲軸的樣式表內容：:namespace prefix = o ns = "urn:schemas--com::office" />

1．Overflow內容時的設定

  overflow-x水平方向內容溢位時的設定

  overflow-y垂直方向內容溢位時的設定

  以上三個屬性設定的值為visible(預設值)、scroll、hidden、auto。

2．scrollbar-3d-light-color立體捲軸亮邊的顏色

  scrollbar-arrow-color上下按鈕上三角箭頭的顏色

  scrollbar-base-color捲軸的基本顏色

  scrollbar-dark-shadow-color立體捲軸強陰影的顏色

  scrollbar-face-color立體捲軸凸出部分的顏色

  scrollbar-highlight-color捲軸空白部分的顏色

  scrollbar-shadow-color立體捲軸陰影的顏色

以上七個屬性設定的值都是顏色值，可以使用樣式表定義的各種表達方式。

使用以上的樣式定義內容，我們可以指定瀏覽器視窗、多行文字框的捲軸的顯示與否和顏色樣式，第一組樣式屬性用於設定被設定是否顯示捲軸，第二組樣式屬性則用於設定捲軸的顏色，要注意的本文涉及的樣式屬性都是IE才能支援的，第二組的樣式屬性只有IE5.5版本才能支援，所以請大家在的時候注意。

我們透過幾個例項來講解上述的樣式屬性：

1.讓瀏覽器視窗永遠都不出現捲軸

沒有水平捲軸

沒有垂直捲軸

沒有捲軸

或

2.設定多行文字框的捲軸

沒有水平捲軸

沒有垂直捲軸

沒有捲軸

或

3.設定視窗捲軸的顏色

  設定視窗捲軸的顏色為紅色

  scrollbar-Base-Color設定的是基本色，一般情況下只需要設定這一個屬性就可以達到改變捲軸顏色的目的。

加上一點特別的效果：

4.設定其他元素時，基本上一樣，你最好是在樣式表中定義好一個類，這樣你就可以重複使用了。

  .coolscrollbar

  {

  scrollbar-arrow-color:yellow;

  scrollbar-base-color:lightsalmon;

  }

  將以上語句加入到樣式表檔案中或HTML頭部的當中，然後使用

 

快快行動，讓你的主頁馬上酷起來。