`

锚点定位例子

阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
	function qq()
	{
		location.href="#aa";
		document.getElementById("p1").style.backgroundColor="red";
		return false;
	}
  </script>
 </HEAD>

 <BODY>
 
   <p onclick="qq()">常见问题1?</p>
	<a href="#bb">
   <p>常见问题2?</p>
   </a>
   <p>常见问题3?</p>
   <p>常见问题4?</p>
   <p>常见问题5?</p>
   </br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
	</br>
   <a name="aa">
   <p name="p1" id="p1">答案1:
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   </p>
   <a name="bb">
   <p>答案2:
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   </p>
   <p>答案3:
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   </p>
   <p>答案4:
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   </p>
   <p>答案5:
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   1111111111111
   </p>

 </BODY>
</HTML>
 
分享到:
评论

相关推荐

    锚点定位.rar

    在网页设计中,锚点定位(Anchor Link)是一种常见的技术,用于实现在同一HTML文档内快速跳转到不同部分的功能。这种技术对于长页面的导航非常有用,例如,当用户点击菜单时,页面会平滑滚动到相应的内容区域。本...

    jQuery网页锚点定位 平滑滚动 导航菜单代码

    在网页设计中,锚点定位和平滑滚动是提升用户体验的重要技术。jQuery作为一个广泛使用的JavaScript库,提供了方便快捷的方法来实现这些功能。本教程将详细讲解如何使用jQuery实现网页锚点定位和平滑滚动,以及创建...

    锚点快速定位到页面中指定位置

    总的来说,锚点定位是网页设计中不可或缺的一部分,它提高了用户体验,使得长页面内容更加易于浏览和导航。理解和掌握锚点的使用,能够让你的网站更加专业且用户友好。通过结合HTML、CSS以及JavaScript,我们可以...

    个人简历滚动定位类锚点定位效果源码下载

    【个人简历滚动定位类锚点定位效果源码下载】是一个针对网页设计与开发的资源,主要涉及的技术点是HTML、CSS以及JavaScript中的锚点定位(Anchor Link)技术,这种技术常用于实现页面内部链接,使得用户能够快速跳转...

    jQuery网站右侧锚点定位跳转导航菜单代码

    4. **浏览器兼容性**:虽然这个例子使用了jQuery,但基本的锚点定位和滚动功能在所有现代浏览器中都是原生支持的。然而,为了确保在较旧或非主流浏览器中的兼容性,可以考虑使用polyfill或纯JavaScript实现。 5. **...

    div浮于页面固定位置、展开与隐藏、锚点定位

    总结,理解和熟练运用div的固定定位、展开与隐藏以及锚点定位技术,能帮助开发者创建更富有动态性和互动性的网页。在实际开发中,还需要结合其他CSS属性和JavaScript方法,以适应各种复杂的页面布局和交互需求。

    CSS解决链接锚点定位偏移的代码

    标题中的“CSS解决链接锚点定位偏移的代码”指的是在HTML中使用CSS来调整链接锚点(#anchor)的定位方式,以便锚点跳转到页面上的指定位置时,不会正好位于目标元素的顶部,而是能精确地定位到一个预设的距离。...

    jQuery右侧固定层导航锚点定位特效代码

    【jQuery右侧固定层导航锚点定位特效代码】是一种在网页设计中常见的交互功能,它能够提升用户体验,使得用户在浏览长页面时能更方便地访问各个内容区块。这个特效主要利用了JavaScript库jQuery来实现,尤其适用于...

    用jQuery实现定位滚动导航效果

    在网页设计中,导航栏是页面布局的重要组成部分,它帮助用户快速访问网站的不同部分。当网站内容较长,需要滚动浏览时,定位...学习这个例子,你可以深入理解jQuery如何与DOM交互以及如何利用它来增强网页的动态特性。

    vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例

    在处理页面导航与页面内滚动操作时,Vue可以提供无缝的用户体验,特别是结合锚点和滚动监听功能。本文将详细介绍如何在Vue项目中实现导航锚点联动、滚动监听以及平滑滚动跳转。 ### 知识点一:Vue中的数据绑定和...

    vue 实现锚点功能操作

    在某些情况下,你可能希望实现锚点定位而不改变 URL。这可以通过在 Vue 组件内监听滚动事件并手动滚动到目标元素来实现: ```html &lt;div id="header"&gt;&lt;/div&gt; &lt;div class="footer" @click="returnTop"&gt;&lt;/div&gt; ...

    古木设定控件锚点例程.rar

    这个例子可能是针对某种特定开发环境(如Windows Forms、WPF或自定义UI框架)的,展示了如何编程实现锚点功能。通过这个例程,开发者可以学习到如何动态调整控件的位置和大小,以及如何在代码层面实现这种动态布局...

    微信小程序 scroll-view 实现锚点跳转功能

    在微信小程序中,使用 scroll-view 实现长页面的标记跳转,官方文档中没有例子演示,锚点标记主要是使用&lt;scroll&gt; 的 scroll-into-view 属性。  实现锚点跳转主要以下几点:  1、最外层容器使用 scroll-view  2、...

    ant design vue 锚点使用 Anchor 踩坑记录.pdf

    在这个例子中,我们创建了一个`anchorLinks`数组来存储锚点的链接信息,包括其ID和显示的标题。同时,`contents`数组包含了页面的具体内容,每个内容元素都有一个与之对应的ID,以便`Anchor`组件可以找到并定位。 ...

    锚点平滑滚动

    在这个例子中,我们选择了所有href属性以"#"开头的`&lt;a&gt;`标签。 2. `addEventListener`:用于添加事件监听器,第一个参数是事件类型(这里是'click'),第二个参数是一个回调函数,当事件触发时执行。 3. `...

    div+css A标签锚点功能.zip

    本压缩包"div+css A标签锚点功能.zip"很显然是围绕如何利用这些技术实现页面内部跳转和锚点定位展开的。下面我们将详细探讨 `A` 标签的锚点功能以及如何与 `div`、CSS 和 JavaScript(包括 jQuery)结合使用。 1. *...

    jQuery上拉时导航固定页首,导航带锚点链接DEMO

    总的来说,这个DEMO涵盖了前端开发中常见的交互设计、JavaScript编程和CSS样式设计等多个方面,是学习和实践网页动态效果的一个好例子。通过这个DEMO,开发者可以深入理解页面滚动事件处理、导航栏吸附效果的实现,...

    微信小程序-scroll-view滚动到指定位置(类似锚点)

    先来说一下官网例子吧 API 自己看咯    https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html?t=20161122 (此图片来源于网络,如有侵权,请联系删除! ) 有很多的注意事项,如果你不注意,滚动效果...

    jQuery实现的回到首页带锚点代码.rar

    总之,jQuery为我们提供了便利的方式来实现返回首页并结合锚点定位的功能。通过理解和应用这些基本概念,我们可以创建更加动态和用户友好的网页。在下载的"jQuery实现的回到首页带锚点代码"压缩包中,你应该能找到...

    jQuery仿天猫固定右侧快捷导航特效代码.zip

    2. **jQuery.fixed.js插件**:这是一个专门用于实现元素固定定位的jQuery插件。在网页滚动时,它可以使导航栏始终保持在屏幕的特定位置,即使用户滚动页面也不会消失,从而提高用户的导航便利性。 3. **CSS(层叠...

Global site tag (gtag.js) - Google Analytics