這篇文章將為大家詳細(xì)講解有關(guān)nav-up屬性的使用方法,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

nav-up屬性設(shè)置或檢索對(duì)象的導(dǎo)航方向,有四個(gè)屬性值可以設(shè)置:auto(瀏覽器決定導(dǎo)航到哪個(gè)元素), id(規(guī)定被導(dǎo)航元素的id,target-name (規(guī)定被導(dǎo)航的目標(biāo)框架),inherit(規(guī)定應(yīng)從父元素繼承 nav-up 屬性的值) 。

css nav-up屬性如何使用?
作用:nav-up 屬性規(guī)定當(dāng)使用 nav-up 導(dǎo)航鍵時(shí),向何處進(jìn)行導(dǎo)航。
語(yǔ)法:
nav-up: auto|id|target-name|inherit;
說(shuō)明:
auto: 瀏覽器決定導(dǎo)航到哪個(gè)元素。
id :規(guī)定被導(dǎo)航元素的 id。
target-name:規(guī)定被導(dǎo)航的目標(biāo)框架。
inherit:規(guī)定應(yīng)從父元素繼承 nav-up 屬性的值。
注:目前只有 Opera 支持 nav-up 屬性。
<!DOCTYPE html>
<html>
<head>
<style>
button {
position: absolute;
}
button#b1 {
top: 20%;
left: 25%;
nav-index: 1;
nav-right: #b2;
nav-left: #b4;
nav-down: #b2;
nav-up: #b4;
}
button#b2 {
top: 40%;
left: 50%;
nav-index: 2;
nav-right: #b3;
nav-left: #b1;
nav-down: #b3;
nav-up: #b1;
}
button#b3 {
top: 70%;
left: 25%;
nav-index: 3;
nav-right: #b4;
nav-left: #b2;
nav-down: #b4;
nav-up: #b2;
}
button#b4 {
top: 40%;
left: 0%;
nav-index: 4;
nav-right: #b1;
nav-left: #b3;
nav-down: #b1;
nav-up: #b3;
}
</style>
</head>
<body>
<button id="b1">Button 1</button>
<button id="b2">Button 2</button>
<button id="b3">Button 3</button>
<button id="b4">Button 4</button>
<p><b>注釋:</b>目前只有 Opera 支持 nav-* 屬性。當(dāng)您使用方向鍵導(dǎo)航時(shí),請(qǐng)同時(shí)按下 Shift 鍵。</p>
</body>
</html>效果圖:

關(guān)于nav-up屬性的使用方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
網(wǎng)頁(yè)名稱:nav-up屬性的使用方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明:http://www.chinadenli.net/article46/djdhhg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、Google、網(wǎng)站營(yíng)銷(xiāo)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站建設(shè)、自適應(yīng)網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容