关键字: 锚
链接有两种,一种是不同页面间的链接。另外一种是页内链接,我们一般称为页内锚链接。
1.加锚链
定义好“锚”以后,将链接指向锚位置的链接形式如下:
<a href=″#id″>....</a>,即以#再加上id格式。
如:
<a href=″#chapter1″>第一章</a>
<a href=″#chapter2″>第二章</a>
<a href=″#chapter3″>第三章</a>
..............
<div id=″chapter1″>
...第一章内容..
</div>
<div id=″chapter2″>
...第二章内容..
</div>
<div id=″chapter3″>
...第三章内容..
</div>
或者写成:
<a name=″chapter1″>
...第一章内容..
</a>
<a name=″chapter2″>
...第二章内容..
</a>
<a name=″chapter3″>
...第三章内容..
</a>
2.引用不同页面内的“锚”
可能有些朋友要问,以上加的锚链都是在同一个页面之间的,如果是一个页面中的锚链接到同站点或另一个网站的另一个页面中的锚怎么办?很简单,形式为:
<a href=″URL#id″>....</a>
如 <a href=″http://netschool.yesky.com/homepage/index.htm#block1″>指向地址: http://netschool.yesky.com/homepage/index.htm文件的第一部分</a>
或者在action中加上这样的东西,比如:action="....do#id",在action返回后会定位到页面上id为id的位置;
分享到:
相关推荐
smooth-scroll.js是一款轻量级的纯JS页面锚链接平滑过渡插件。通过该锚链接插件,可以在点击页面的锚链接时,以指定的过渡动画平滑滚动页面。
jquery.anchorScroll.js是一款可以制作页面锚链接平滑过渡效果的jQuery插件。该插件属于轻量级插件,简单易用,内置模糊和弹性特效,并提供回调函数共开发者使用。
jquery.anchorScroll.js是一款可以制作页面锚链接平滑过渡效果的jQuery插件。该插件属于轻量级插件,简单易用,内置模糊和弹性特效,并提供回调函数共开发者使用。
使用它你可以批量添加内部锚文本链接,方便您的SEO工作。详细的功能可以安装后看看。 Link Whisper 是一款智能内部链接工具。在人工智能的支持下,当您开始在 WordPress 编辑器中撰写文章时,Link Whisper 就会开始...
smooth-scroll.js是一款轻量级的纯JS页面锚链接平滑过渡插件。通过该锚链接插件,可以在点击页面的锚链接时,以指定的过渡动画平滑滚动页面。
jquery.anchorScroll.js是一款可以制作页面锚链接平滑过渡效果的jQuery插件。该插件属于轻量级插件,简单易用,内置模糊和弹性特效,并提供回调函数共开发者使用。
jquery.anchorScroll.js是一款可以制作页面锚链接平滑过渡效果的jQuery插件。该插件属于轻量级插件,简单易用,内置模糊和弹性特效,并提供回调函数共开发者使用。
生成 GitHub 锚 URL(页内链接)。 使用安装 npm i stringify-github-anchor --save 用法 var githubAnchorUrl = require ( 'stringify-github-anchor' ) ; githubAnchor ( { user : 'foo' , repo : 'bar' , file ...
实验.html
以前介绍过一个用 JS 实现的页面锚点跳转缓冲特效,效果相当不错,可以在同一页面的锚点链接之间实现平滑的滚动,但是 JS 代码相对来说比较冗长,现在好了,只要已经加载了 JQuery,我们就可以用较为简短的代码实现...
nuxt页面转换和锚点处理程序该软件包使用将动画滚动添加到所有锚点链接。 它还添加了一个默认的交叉溶解页面过渡,感觉比普通的Nuxt out-in过渡快。 当您执行Install的第二步时,此方法效果最佳,使页面在过渡开始...
指向其他域上不存在页面的锚链接断开。 指向其他域上现有页面的锚链接已损坏。 带有查询字符串的不同域上的链接断开。 断开链接到不存在的域。 断开链接到不存在的域上的图像 不存在的域上的锚链接已损坏 带有...
一个JavaScript实用程序,用于向现有页面内容添加深锚链接()。 AnchorJS是轻量级的,可访问的并且没有依赖项。 。 安装 使用npm下载AnchorJS, npm install anchor-js ...然后将其包含到您的项目中: import ...
带有智能锚链接突出显示和徽标的粘性导航 jQuery 插件 ==== ##1。 下载 下载prettySticky.js和prettySticky.css ##2。 设置 在你的head标签中包含对prettySticky.css引用。 在 HTML 页面底部的</body>标记...
当页面滚动到切换栏时,切换兰被固定,而且切换栏中可以点击查询当前页面的默写内容类似锚链接,当页面回滚到切换栏时,切换栏被释放。整个效果类似天猫中某个商品的“商品详情”“评价”“相关商品”的效果。
固定在页面右侧的锚点链接导航菜单,点击对应的导航栏目页面自动滚动到对应的锚链接名所在的位置,当前导航以抽屉式从右往左滑出显示,图标与CSS样式经过了加密处理,如果想要修改的话也可以自行修改使用,主要还是...
github_flavored_markdown 软件包github_flavored_markdown提供了一个GitHub Flavored Markdown渲染器,该渲染器带有围栏代码块突出显示,可单击的标题锚链接。 该功能应等效于在指定的GitHub Markdown API端点,...
stickyNavbar.js:带有智能锚链接突出显示的花式粘性导航jQuery插件 维护者通缉 因为我不再有时间支持和维护该插件,所以我正在寻找愿意接手该项目并添加新功能,解决问题等的开发人员。您可以通过我的Twitter帐户...
本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。具体如下: $.fn.scroller = function() { var speed = 'slow'; // Choose default speed $(this).each(function() { $(this...
smoothScroll-Es5.js是一款js平滑的页面滚动效果插件。通过它可以制作页面锚链接之间的平滑滚动效果,和平滑的返回页面顶部效果等。