herf 锚的导航示例

<html>
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<ul class="nav nav-pills nav-justified" role="tablist">
  <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">第一个导航</a></li>
  <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">第二个导航</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">111</div>
<div role="tabpanel" class="tab-pane" id="profile">222</div>
</div>
</body>
</html>

时间： 2024-11-01 09:57:11

herf 锚的导航示例的相关文章

附加导航示例

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin: 0px;padding: 0px;} li{list-style: none;width:200px;height: 30px;} a{color: #000;text-decoration:

html基础之（章节元素，章节元素，超链接，锚点）详细

章节元素 <body></body> 文档内容只能一个<body>元素 <header></header>头部标签 logo 导航 <main></main>网站中重要内容一个文档中只能有一个<main>在<body>标签中 <footer></footer>网站中显示底部的内容,版权内容信息等链接 <nav></nav>导航链接首页论坛博

1 自定义菜单导航栏插件的必要性看图说话,下面是利用自定义的菜单导航栏插件simpleMenu创建的网站导航示例: 插件默认提供的是如上图的导航栏样式,即一二级菜单为横向分布:三四级菜单为纵向分布. 使用插件时,可以修改默认参数,目前插件提供了设置菜单的分布方式:横向或纵向:菜单的位置:依赖上一级菜单栏的定位:上下左右定位. 修改调用参数,将一二级菜单改为纵向排列:并将三级菜单的显示位置改为二级菜单栏的右侧(其他的和默认保持一致),修改后运行效果如下图: 细心的观察,会发现上面两个菜单导航栏的

WP8.1学习系列(第二十二章)——在页面之间导航

在本文中先决条件创建导航应用 Frame 和 Page 类页面模板中的导航支持在页面之间传递信息缓存页面摘要后续步骤相关主题重要的 API Page Frame NavigationCacheMode 本主题将讨论基本的导航概念,并演示如何创建一个在两个页面之间进行导航的应用. 有关为你的应用选择最佳导航模式的帮助,请参阅导航模式. 在操作时请参阅平面导航和分层导航模式,它们是应用功能大全系列的一部分. 路线图: 本主题与其他主题有何关联?请参阅: 使用 C# 或 Visual

仿京东手机充值进度导航

由于项目要做一个充值功能,看京东的手机充值进度条导航觉得还不错于是模仿他做了一个,不过没搞那么复杂,不分那么多颜色了.通过分析可以看出此进度导航关键在于每个li右边的箭头,这个可以用css的:after选择器搞定,记住不要用::after这种写法,这种写法在IE8下会失效的,至于IE8以前的IE浏览器则不能正确的还原我想要的效果,不知道哪位大神可以教一下我如何在IE8以前正确的使用:after选择器. 首先定义一个ul样式progress-nav: 其中list-style:none是用于消除

Android最佳实践之高效的应用导航

设计(一)- 规划Screens和他们之间的关系原文地址:http://developer.android.com/training/design-navigation/screen-planning.html#beyond-simplistic-design 设计和开发Android应用程序的第一个步骤是确定用户能够查看和处理应用.一旦你知道用户与之交互的应用程序之间交互什么数据,下一步就是设计交互,允许用户导航到app的不同部分,进入和退出应用程序中的界面. 这篇文章开始向你展示如何规划高

导航-换肤

简单导航示例效果源码: ------------------------------------- <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus"> <meta name="Author&

百度地图API自动定位和3种导航

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type

mui框架如何在首页使用侧滑导航

说明:这是针对老版本hello mui的一篇说明:mui 0.7.1之后,Hello mui已在首页增加了侧滑导航示例,可直接参考. 很多同学直接拷贝Hello mui中的侧滑导航示例,作为App的首页,发现侧滑效果总是和示例不同,很是疑惑: 其实,首页侧滑不生效的原因主要有两点:1.首页面不是通过mui.openWindow()方法打开的,而是5+ runtime直接打开的,因此不会触发pagebeforeshow事件,故menu页面没创建成功,移动主页面后,漏出了更下方的loading界面:

herf 锚的 导航示例

herf 锚的 导航示例的相关文章

herf 锚的导航示例

herf 锚的导航示例的相关文章