html中滾動欄的樣式

來源:互聯網
上載者:User

標籤:style   java   color   width   art   re   

DIV滾動欄設定 (CSS)2008/09/26 03:07div 中滾動欄的控制2008年01月06日 星期日 01:181)隱藏滾動欄
<body style="overflow-x:hidden;overflow-y:hidden">
(2)怎樣在儲存格或圖層中出現滾動欄
<div style="width:200px;height:200px;overflow-x:auto;overflow-y:auto;"></div>
(3)javascript改變架構中滾動欄的樣式,比方改變顏色、改為平面效果等
<STYLE>  
BODY   {SCROLLBAR-FACE-COLOR:   #ffcc99;  
               SCROLLBAR-HIGHLIGHT-COLOR:   #ff0000;  
               SCROLLBAR-SHADOW-COLOR:   #ffffff;  
               SCROLLBAR-3DLIGHT-COLOR:   #000000;  
               SCROLLBAR-ARROW-COLOR:   #ff0000;  
               SCROLLBAR-TRACK-COLOR:   #dee0ed;  
               SCROLLBAR-DARKSHADOW-COLOR:   #ffff00;}  
</STYLE>  
   
說明:    
scrollbar-3dlight-color:color;設定或檢索滾動欄亮邊框顏色;    
scrollbar-highlight-color:color;設定或檢索滾動欄3D介面的亮邊顏色;    
scrollbar-face-color:color;設定或檢索滾動欄3D表面的顏色;    
scrollbar-arrow-color:color;設定或檢索滾動欄方向箭頭的顏色;當滾動欄出現但不可用時,此屬性失效;    
scrollbar-shadow-color:color;設定或檢索滾動欄3D介面的暗邊顏色;    
scrollbar-darkshadow-color:color;設定或檢索滾動欄暗邊框顏色;    
scrollbar-base-color:color;設定或檢索滾動欄基準顏色。其他介面顏色將據此自己主動調整。    
scrollbar-track-color:color;設定或檢索滾動欄的拖動地區顏色    
備忘:    
color為你要設定的顏色代碼,能夠是16進位的,比方#FF0000,能夠是以RGB表示的,比方rgb(255,0,255);設定滾動欄樣式的時候不必要把全部的屬性都用上才會生效。
(4)javascript中的頁面元素定位
clientX、clientY是滑鼠當前相對於網頁的位置,當滑鼠位於頁面左上方時clientX=0, clientY=0;
offsetX、offsetY是滑鼠當前相對於網頁中的某一地區的位置,當滑鼠位於頁面中這一地區的左上方時offsetX=0, offsetY=0;
screenX、screenY是滑鼠相對於使用者整個螢幕的位置;
x、y是滑鼠當前相對於當前瀏覽器的位置
scrollLeft:設定或擷取位於對象左邊界和表單中眼下可見內容的最左端之間的距離(由於有滾動欄的產生,所以眼下頁面可見內容是不定的)。
scrollTop:設定或擷取位於對象最頂端和表單中可見內容的最頂端之間的距離。
left:對象相對於頁面的X座標。
top:對象相對於頁面的Y座標
(4)屏蔽選擇,右鍵等
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.