css nav-down属性怎么用


本文摘自PHP中文网,作者藏色散人,侵删。

css nav-down属性用于规定当使用nav-down导航键时,向何处进行导航,其语法是nav-down: auto|id|target-name|inherit。

css nav-down属性怎么用

定义和用法

nav-down 属性规定当使用 nav-down 导航键时,向何处进行导航。

默认值: auto

继承性: no

版本: CSS3

JavaScript 语法:

1

object.style.navDown="#div2"

语法

1

nav-down: auto|id|target-name|inherit;

属性值

auto 浏览器决定导航到哪个元素。

id 规定被导航元素的 id。

target-name 规定被导航的目标框架。

inherit 规定应从父元素继承 nav-down 属性的值。

实例

规定在使用方向键时向何处导航:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

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;

}

效果输出:

e0ae81840af8ec98cfe9b8181faf052.png

浏览器支持:目前只有 Opera 支持 nav-down 属性。

以上就是css nav-down属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css3二级导航菜单制作步骤详解

css word-wrap属性怎么用

浅谈css实现毛玻璃效果的方法

css如何设置最小高度

利用css变量来提高灵巧布局效率的小技巧

css如何将图片设置为圆形图片

css页面加载失败的原因有哪些

深入了解css3 border-sizing属性

css如何设置下划线为虚线

css中怎么设置图片大小

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...