加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 运营中心 > 搜索优化 > 正文

怎么使用jQuery实现返回顶部

发布时间:2022-06-07 21:32:05 所属栏目:搜索优化 来源:互联网
导读:怎么使用jQuery实现返回顶部 1、尝试滚动 此页面到底部即可出现go2top按钮。 2、go2top-inner暂未使用。 HTMLJS定义: CSS定义 复制代码 代码如下: .go2top { background: url(http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a
    怎么使用jQuery实现返回顶部
   
    1、尝试滚动 此页面到底部即可出现go2top按钮。
 
  2、go2top-inner暂未使用。
 
  HTML&JS定义:
 
  CSS定义
 
  复制代码 代码如下:
 
  .go2top {
 
  background: url("http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e6db63315d63.png") no-repeat scroll left top transparent;
 
  bottom: 65px;
 
  color: #444444;
 
  display: none;
 
  height: 50px;
 
  margin-left: 510px;
 
  position: fixed;
 
  right: 160px;
 
  text-align: center;
 
  width: 50px;
 
  }
 
  .go2top:hover {
 
  background-position: -50px top;
 
  }
 
  试试看,是不是有了返回顶部了,非常方便实用的功能,希望大家能够喜欢。
 

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读