移動(dòng)光標(biāo)

在很多情況下，move值會(huì)得到與crosshair類(lèi)似的結(jié)果。創(chuàng)作人員在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，需要指示一個(gè)屏幕元素可以移動(dòng)時(shí)就會(huì)使用move，它通常顯示為一個(gè)加粗的十字線，線的兩端分別有箭頭。也可以顯示為一個(gè)“拳頭”，用戶(hù)點(diǎn)擊并按下鼠標(biāo)按鈕時(shí)圖標(biāo)中的“手指”是彎曲的。

還有一些與move相關(guān)的cursor值：e-resize、ne-resize等等。Windows和大多數(shù)圖形化UniX-sheU用戶(hù)會(huì)把這些值識(shí)別為鼠標(biāo)光標(biāo)放在窗口一邊或角落時(shí)出現(xiàn)的圖標(biāo)。例如，在網(wǎng)站建設(shè)時(shí)，把光標(biāo)放在窗口的右邊界上會(huì)出現(xiàn)一個(gè)e-resize光標(biāo)，指示用戶(hù)可以把窗口的右邊3)6回拖動(dòng)來(lái)改變窗口大小。把光標(biāo)放在左下角則會(huì)顯示sw-resize光標(biāo)圖標(biāo)。有很多不同的方法可以表現(xiàn)這些圖標(biāo)。

等待和前進(jìn)

wait和progress都指示程序正在忙。不過(guò)，它們并不相同：wait表示用戶(hù)要等待直到程序不忙為止，而progress指示用戶(hù)完全可以繼續(xù)與程序交互，盡管它很忙。在大多數(shù)操作系統(tǒng)中，wait可能顯示為一塊表（可能有旋轉(zhuǎn)的指針）或者顯示為一個(gè)沙漏（可能在自己倒來(lái)倒去）。progress通常表示為一個(gè)旋轉(zhuǎn)的“沙灘球”，或者是一個(gè)箭頭，而且在這個(gè)箭頭的一旁有一個(gè)小沙漏。

注意：值progress在CSS2.1中引入。

提供幫助

有時(shí)創(chuàng)作人員在網(wǎng)頁(yè)設(shè)計(jì)時(shí)希望指示用戶(hù)可以得到某種形式的幫助，此時(shí)就可以使用值help。help 有兩種非常常見(jiàn)的表現(xiàn)方式，可能是一個(gè)問(wèn)號(hào)；也可能是一個(gè)箭頭，箭頭旁邊有一個(gè)小問(wèn)號(hào)，如果已經(jīng)確定某些鏈接指向更多信息，或者這些鏈接指向的信息有助于用戶(hù)更好地理解網(wǎng)頁(yè)，help就很有用。例如：

a.help {cursor: help;}

還可以使用help指示一個(gè)元素有“額外”信息，如有title屬性的acronym元素，在很多用戶(hù)代理中，把光標(biāo)放在一個(gè)有標(biāo)題的縮寫(xiě)詞上時(shí)，用戶(hù)代理會(huì)在一個(gè)“工具提示”中顯示title屬性的內(nèi)容。不過(guò)，如果用戶(hù)把光標(biāo)移動(dòng)得很快，或者用戶(hù)的計(jì)算機(jī)速度很慢，倘若光標(biāo)沒(méi)有改變，用戶(hù)可能不知道還有額外的信息。

圖形光標(biāo)

最后也是最有意思的一點(diǎn)是，在網(wǎng)頁(yè)設(shè)計(jì)時(shí)還可以指定定制光標(biāo)。這可以使用一個(gè)URL值做到：

a.external {cursor: url(globe.cur), pointer;}

當(dāng)然，用戶(hù)代理必須支持存儲(chǔ)"所用的文件格式。如果用戶(hù)代理不支持這種格式，就會(huì)轉(zhuǎn)而使用值pointer。注意，在cursor語(yǔ)法定義中，URL必須跟有一個(gè)逗號(hào)和某個(gè)通用關(guān)鍵字。這與屬性font-family不同，對(duì)于font-family，可以指定一個(gè)特定字體系列而不必提供任何后路。實(shí)際上，對(duì)于可能采用的任何圖形光標(biāo)，cursor 都要求有后路。

甚至可以在作為后路的關(guān)鍵字之前指定多個(gè)光標(biāo)文件。例如，可以用不同格式創(chuàng)建同樣的基本光標(biāo)，把它們放在一個(gè)規(guī)則中，希望用戶(hù)代理至少支持其中的一個(gè)：

a.external {cursor: url(globe.svg#globe), url(globe.cur), url(globe.png), url(globe.gif), url(globe.xbm), pointer;}

用戶(hù)代理會(huì)逐個(gè)査看各個(gè)URL，直到找到一個(gè)可以用作為光標(biāo)圖標(biāo)的文件。如果用戶(hù)代理無(wú)法找到任何支持的文件，就會(huì)使用作為后路的關(guān)鍵字。

注意：如果用戶(hù)代理支持動(dòng)畫(huà)圖形文件來(lái)替換光標(biāo)，就可以實(shí)現(xiàn)動(dòng)畫(huà)光標(biāo)，例如，IE6就支持利用。ani文件實(shí)現(xiàn)這種功能。

網(wǎng)頁(yè)名稱(chēng)：網(wǎng)頁(yè)設(shè)計(jì)中的移動(dòng)光標(biāo)和圖形光標(biāo)
標(biāo)題來(lái)源：http://www.rwnh.cn/news/164547.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、軟件開(kāi)發(fā)、建站公司、商城網(wǎng)站、電子商務(wù)、全網(wǎng)營(yíng)銷(xiāo)推廣

廣告

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