成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網(wǎng)頁設(shè)計(jì)時(shí)的指示和選擇光標(biāo)

2022-06-29    分類: 網(wǎng)站建設(shè)

光標(biāo)

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

改變光標(biāo)

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

這是利用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ì)算值:對(duì)于值,為絕對(duì)值,否則,根據(jù)指定確定

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

指示和選擇光標(biāo)

值pointer會(huì)把光標(biāo)圖標(biāo)改為與移過超鏈接時(shí)的光標(biāo)相同。甚至可以為HTML文檔描述這種行為:

a[href]{cursor: pointer;}

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

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

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

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


網(wǎng)站欄目:網(wǎng)頁設(shè)計(jì)時(shí)的指示和選擇光標(biāo)
地址分享:http://jinyejixie.com/news29/172929.html

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

廣告

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

外貿(mào)網(wǎng)站建設(shè)
沽源县| 筠连县| 开化县| 延边| 海兴县| 炎陵县| 惠来县| 和顺县| 正定县| 体育| 大城县| 元江| 黄大仙区| 桦南县| 清水河县| 吕梁市| 两当县| 富顺县| 南陵县| 同仁县| 方正县| 东安县| 长春市| 郯城县| 韩城市| 南投市| 涪陵区| 松原市| 庆元县| 仪陇县| 西昌市| 山东| 恩施市| 青河县| 万全县| 饶阳县| 霍山县| 牡丹江市| 玛多县| 浦县| 万盛区|