欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  cssnav-up属性如何使用?
 
  作用:nav-up属性规定当使用nav-up导航键时,向何处进行导航。
 
  语法:
 
  nav-up:auto|id|target-name|inherit;
 
  说明:
 
  auto:浏览器决定导航到哪个元素。
 
  id:规定被导航元素的id。
 
  target-name:规定被导航的目标框架。
 
  inherit:规定应从父元素继承nav-up属性的值。
 
  注:目前只有Opera支持nav-up属性。
 
  cssnav-up属性使用示例
 
  
 
  
 
  
 
  <!DOCTYPEhtml>
 
  <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>
 
  <buttonid="b1">Button1</button>
 
  <buttonid="b2">Button2</button>
 
  <buttonid="b3">Button3</button>
 
  <buttonid="b4">Button4</button>
 
  <p><b>注释:</b>目前只有Opera支持nav-*属性。当您使用方向键导航时,请同时按下Shift键。</p>
 
  </body>
 
  </html>






本文转载自中文网

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c56284.shtml