免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

網頁設計時的指示和選擇光標

2022-06-29    分類: 網站建設

光標

用戶界面的另一個重要部分是光標(在CSS規范中稱之為“指示設備”),它由鼠標、寫字板、圖形書寫板甚至光學讀取系統之類的設備控制。在大多數web瀏覽器中,光標對于提供交互反饋很有用,例如,光標經過一個超鏈接時會變成一只食指伸出的小手,這就是一個明顯的例子。

改變光標

CSS2允許改變光標圖標,這說明在設計網頁時創建一個類似于操作系統中桌面應用的Web應用會容易得多。例如,經過一個指向幫助文件的鏈接時,光標可能會變成一個“幫助”圖標。

這是利用cursor屬性完成的。

cursor

值:[[,]*[ auto | default | pointer | crosshair | move | e-resize | ne-resize | nw-resize | n-resize | se- resize | sw-resize | s-resize | w-resize | text | wait | help | progress ]] | inherit

初始值:auto

應用于:所有元素

繼承性:有

計算值:對于值,為絕對值,否則,根據指定確定

網站建設時,默認值auto只表示用戶代理應當確定最適合當前上下文的光標圖標。這與default不同,后者要求圖標是操作系統的默認光標。默認光標通常是一個箭頭,不過也不一定,這取決于當前的計算環境。

指示和選擇光標

值pointer會把光標圖標改為與移過超鏈接時的光標相同。甚至可以為HTML文檔描述這種行為:

a[href]{cursor: pointer;}

利用cursor,可以將任何元素定義為像鏈接一樣改變光標圖標。這可能會讓用戶糊涂,所以建議不要經常這樣做。另一方面(可以這么說),利用cursor可以更容易地利用非鏈接元素創建交互式、腳本驅動的屏幕部件,然后適當地改變圖標。

注意:Windows平臺的Internet Explorer在IE6以前不能識別pointer,而是使用值hand將光標改變為“指示手”圖標。這兩個值IE6都能識別。對此常見的建議是按先后順序使用這兩個值,如下:#example {cursor: pointer; cursor: hand;}這并不會驗證是否確實這樣做,不過這樣可以在較新的瀏覽器和Explorer的較早版本中得到一致的結果?注意,這里的順序很重要:如果把這兩個值的順序倒過來,就不要指望它還能正常工作。

網頁設計時,Web瀏覽領域中另一個很常見的光標圖標是tes^圖標,只要用戶能選擇文本,就會出現這個圖標。這往往是一個“I”光標,作為一個視覺提示,指示用戶可以拖動-選擇光標下的內容。圖13-4顯示了一段已經選中的文本的最后有一個文本圖標。

指示交互性的另一種辦法是使用值crosshair,顯然,crosshair會把光標圖標變為一個十字符號。這往往是一對彼此呈直角交叉放置的短線,其中一條垂直,另一條水平,看上去就像一個加號(+)。不過,十字符號也可以類似于乘號(或小寫的“x”),甚至是手槍瞄準鏡內顯示的準星圖標。十字符號通常用于屏幕捕捉程序,如果用戶想準確地知道正在點擊哪一個像素,這就很有用。


網站欄目:網頁設計時的指示和選擇光標
地址分享:http://m.newbst.com/news29/172929.html

成都網站建設公司_創新互聯,為您提供App設計、網站導航、網站排名、商城網站、網站設計、網站制作

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

外貿網站建設