網(wǎng)頁設(shè)計時的指示和選擇光標

光標

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

改變光標

CSS2允許改變光標圖標，這說明在設(shè)計網(wǎng)頁時創(chuàng)建一個類似于操作系統(tǒng)中桌面應(yīng)用的Web應(yīng)用會容易得多。例如，經(jīng)過一個指向幫助文件的鏈接時，光標可能會變成一個“幫助”圖標。

這是利用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

應(yīng)用于：所有元素

繼承性：有

計算值：對于值，為絕對值，否則，根據(jù)指定確定

在網(wǎng)站建設(shè)時，默認值auto只表示用戶代理應(yīng)當確定最適合當前上下文的光標圖標。這與default不同，后者要求圖標是操作系統(tǒng)的默認光標。默認光標通常是一個箭頭，不過也不一定，這取決于當前的計算環(huán)境。

指示和選擇光標

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

a[href]{cursor: pointer;}

利用cursor，可以將任何元素定義為像鏈接一樣改變光標圖標。這可能會讓用戶糊涂，所以建議不要經(jīng)常這樣做。另一方面（可以這么說），利用cursor可以更容易地利用非鏈接元素創(chuàng)建交互式、腳本驅(qū)動的屏幕部件，然后適當?shù)馗淖儓D標。

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

在網(wǎng)頁設(shè)計時，Web瀏覽領(lǐng)域中另一個很常見的光標圖標是tes^圖標，只要用戶能選擇文本，就會出現(xiàn)這個圖標。這往往是一個“I”光標，作為一個視覺提示，指示用戶可以拖動-選擇光標下的內(nèi)容。圖13-4顯示了一段已經(jīng)選中的文本的最后有一個文本圖標。

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

網(wǎng)站欄目：網(wǎng)頁設(shè)計時的指示和選擇光標
地址分享：http://muchs.cn/news29/172929.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、網(wǎng)站導(dǎo)航、網(wǎng)站排名、商城網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)