阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    CSS3 nav-left

    CSS3 nav-left

    指定导航使用向左箭头和右箭头导航键:

    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;
    }
    

    浏览器支持

    表格中的数字表示支持该属性的第一个浏览器版本号。

    紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

    属性 IE Chrome FF safari Open
    nav-down 不兼容 不兼容 不兼容 不兼容 Supported in Opera 11.5-12.
    不兼容于更新版本的浏览器

    属性定义及使用说明

    nav-left的属性指定使用箭头向左导航键导航。

    默认值: auto
    继承: no
    版本: CSS3
    JavaScript 语法: object.style.navLeft="#div2"

    语法

    nav-left: auto|id|target-name|inherit;
    
    说明
    auto 浏览器将决定哪个元素导航
    id 指定导航到该元素的ID
    target-name 指定导航到目标帧
    inherit 指定nav-left属性的值,应该从父元素继承
    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录