`
扬州老鬼
  • 浏览: 305837 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

页面中返回顶部小工具

 
阅读更多
做了一个很简单的类似于遨游首页,返回顶部的小图标。
很简单。
 <div style="overflow: hidden;position:fixed;bottom:5%;left:95%;" >
     <ul>
     	 <li><a href="#"><img style="cursor:hand;" title="点击可以返回页面顶部" src="图片" /> </a></li>
    </ul>	
 </div>


上面的代码直接放到jsp页面的就可以。
这里是使用<a href="#"></a>的元素。#包含了一个位置信息默认的锚点是#top 也就是网页的上端,而javascript:void(0)仅仅表示一个死链接。

分享到:
评论

相关推荐

    超简单精致的返回顶部小插件

    返回顶部小插件是网页设计中常见的一种用户体验优化工具,它允许用户在浏览长页面时,轻松快捷地回到页面顶部,提升浏览效率。这个“超简单精致的返回顶部小插件”应该是一个轻量级、易集成且外观美观的解决方案。 ...

    利用js实现返回页面顶部

    用户在浏览页面底部后,能够快速返回顶部,提高了用户体验。本文将详细讲解如何使用JavaScript来实现这一功能。 首先,我们需要创建一个"返回顶部"的按钮或者链接,通常这个按钮会出现在页面的右下角或左下角。HTML...

    jQuery插件页面滚动返回顶部按钮

    在网页设计中,用户体验是一个非常重要的考虑因素,而“返回顶部”按钮则是一个常见的优化手段,尤其是在内容丰富的页面上。jQuery作为一个广泛使用的JavaScript库,提供了许多便利的功能来增强页面交互,其中包括...

    jQuery右侧微信返回顶部.zip

    在网页设计中,返回顶部的功能是一项非常实用的设计,它能够帮助用户快速地回到页面的顶部,节省滚动时间,尤其在长页面浏览时更为便捷。"jQuery右侧微信返回顶部" 是一个利用JavaScript库jQuery实现的特定返回顶部...

    js 网页返回顶部 置顶返回

    在网页设计中,"js 网页返回顶部 置顶返回" 是一个常见的功能需求,它允许用户轻松地将浏览器滚动到页面的顶部,提高用户体验。这一功能主要通过JavaScript实现,因为JavaScript是一种强大的客户端脚本语言,可以与...

    jQuery可变透明度返回顶部

    在网页设计中,"返回顶部"功能是一种常见的用户体验优化手段,它允许用户快速地将页面滚动到顶部,尤其是在浏览长内容时。在这个场景中,我们关注的是使用jQuery实现的一个特别的返回顶部效果——可变透明度。这个...

    JS 简单的点击返回顶部的功能

    在JavaScript编程中,"点击返回顶部"功能是一个常见的交互设计,它允许用户通过单击一个按钮迅速滚动到页面的顶部,提升用户体验。本教程将详细解释如何实现这一功能。 首先,我们需要在HTML中创建一个返回顶部的...

    shopex【返回顶部】挂件

    综上所述,"shopex【返回顶部】挂件"是一个提升用户交互体验的实用工具,它的实现涉及到前端开发的多个方面,包括JavaScript、CSS和HTML。结合"GoTop安装说明.txt",用户可以在ShopEx平台上轻松安装并定制这个挂件,...

    jquery做的返回顶部插件

    "jQuery做的返回顶部插件"正如其标题所示,是一个基于JavaScript库jQuery实现的,旨在帮助用户轻松地回到页面顶部的工具。这个插件简化了开发者实现这一功能的复杂性,使得网页更加友好和互动。 首先,我们来理解...

    jQuery返回顶部特效,网页右下角的回到顶部按钮

    标题中的“jQuery返回顶部特效,网页右下角的回到顶部按钮”是指在网页设计中,使用jQuery库实现的一种交互功能。这种功能允许用户在浏览页面时,点击位于页面右下角的一个按钮,快速将滚动条返回到页面顶部,提供...

    Javascript返回顶部代码实现

    JavaScript 返回顶部功能是一种常见的网页交互设计,它允许用户在浏览页面时轻松地返回页面的顶部。这个功能在长页面或滚动内容丰富的网站中尤其有用,减少了用户手动滚动的麻烦。在本文中,我们将深入探讨如何使用...

    jquery win8风格的页面返回顶部按钮带二维码和qq在线客服

    本项目"jquery win8风格的页面返回顶部按钮带二维码和qq在线客服"结合了jQuery的强大功能,以Windows 8(Win8)的现代UI风格,为网页提供了一种独特的用户体验。 首先,让我们详细解析这个项目的组成部分: 1. **...

    BackToTop “返回顶部” 页面组件

    在实际项目中,我们可能会将“返回顶部”组件作为一个独立的模块或工具,便于在多个页面中复用。这就是标签中提到的“工具”概念。开发者可以封装成一个JavaScript库或组件,如Vue、React或Angular的插件,这样就...

    jQuery带QQ客服下拉返回顶部代码.zip

    在网页设计中,交互性和用户体验是非常重要的因素,而"jQuery带QQ客服下拉返回顶部代码"就是一个提升这方面体验的实用工具。这个代码实现了一个功能组合,包括一个在线QQ客服按钮和一个返回顶部的按钮,它们会在用户...

    CSS返回顶部在线客服右侧悬浮菜单代码

    在网页设计中,用户体验是至关重要的,而"CSS返回顶部在线客服右侧悬浮菜单代码"就是一个旨在提升用户体验的实用工具。这个代码集包含了CSS样式和HTML结构,用于创建一个既能够帮助用户快速返回页面顶部,又能提供...

    克米设计-返回顶部 discuz X3.2 3.4 模板 插件 最新版

    标题中的“克米设计-返回顶部 discuz X3.2 3.4 模板 插件 最新版”表明这是一个专为Discuz! X3.2和X3.4版本设计的模板和插件的最新更新。Discuz! 是一款流行的开源社区论坛软件,由康盛创想(Comsenz)开发。克米...

    返回页面顶部,顶端

    标题“返回页面顶部,顶端”和描述中的博文链接暗示了我们将在讨论网页设计中的一个常见功能,即“返回顶部”的按钮或链接。这个功能允许用户快速地将浏览器滚动到页面的开头,通常在页面滚动一定距离后显示。这种...

    dz插件discuz插件-【价值36元】极致 魔方返回顶部 1.16商业版

    标题中的“dz插件discuz插件-【价值36元】极致 魔方返回顶部 1.16商业版”指的是一个适用于Discuz论坛系统的付费插件,该插件名为“极致魔方返回顶部”。这个插件的版本号为1.16,表明它是商业版本,通常意味着它...

    jquery fixed页面右侧浮动固定层返回顶部按钮带微信二维

    jquery fixed页面右侧浮动固定层返回顶部按钮带微信二维

    jQuery网站右侧悬浮带二维码返回顶部代码.zip

    在这个项目中,jQuery被用来监听滚动事件,当用户向下滚动页面时,悬浮的返回顶部按钮会显示出来;当用户向上滚动时,按钮则隐藏。此外,点击这个按钮,页面会平滑地滚动到顶部,提升用户的浏览体验。 其次,...

Global site tag (gtag.js) - Google Analytics