jquery小火箭返回顶部代码分享

 更新时间:2015年08月19日 14:17:25   投稿:lijiao  
这篇文章主要介为大家详细绍了jquery小火箭返回顶部特效,当用户浏览到网页的最下端时,点击右下角的火箭可以返回到页面最顶部,滚动效果平滑,有需要的小伙伴可以参考下。

这是一款基于jquery小火箭返回顶部特效源码,解决了页面太长造成的用户返回页面顶端困难。

为大家分享的jquery小火箭返回顶部代码如下

<head>

<title>jquery小火箭返回顶部代码</title> 
<link href="css/top.css" rel="stylesheet" type="text/css"/>
</head>

<body style="text-align:center; height:1000px;">
</head>
<a id="returnTop" href="javascript:;">回到顶部</a> 
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="js/top.js" type="text/javascript"></script>

<p>脚本之家</p> 
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>

</body>
</html>

源码下载

运行效果图:

以上就是为大家分享的jquery小火箭返回顶部代码,希望大家可以喜欢

相关文章

  • jQuery实现带幻灯的tab滑动切换风格菜单代码

    jQuery实现带幻灯的tab滑动切换风格菜单代码

    这篇文章主要介绍了jQuery实现带幻灯的tab滑动切换风格菜单代码,可实现点击菜单项进行对应内容的滑动切换功能,涉及jquery鼠标事件及页面元素属性的动态操作技巧,需要的朋友可以参考下
    2015-08-08
  • jQuery实现table表格信息的展开和缩小功能示例

    jQuery实现table表格信息的展开和缩小功能示例

    这篇文章主要介绍了jQuery实现table表格信息的展开和缩小功能,涉及jQuery事件响应及页面元素遍历、属性修改相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • jquery+json实现数据列表分页示例代码

    jquery+json实现数据列表分页示例代码

    该实例中,新闻数据列表未使用表格显示,下面有个不错的示例完美实现实现数据列表分页,感兴趣的朋友不要错过
    2013-11-11
  • jQuery阻止事件冒泡具体实现

    jQuery阻止事件冒泡具体实现

    冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件,有需要的朋友可以参考一下
    2013-10-10
  • jquery分割字符串的方法

    jquery分割字符串的方法

    这篇文章主要介绍了jquery分割字符串的方法,涉及jQuery中使用split方法进行字符串分割的相关技巧,需要的朋友可以参考下
    2015-06-06
  • 浅谈jquery事件处理

    浅谈jquery事件处理

    这篇文章主要简单介绍了jquery事件处理,十分的实用,有需要的小伙伴可以参考下。
    2015-04-04
  • 浅谈jQuery中Ajax事件beforesend及各参数含义

    浅谈jQuery中Ajax事件beforesend及各参数含义

    下面小编就为大家带来一篇浅谈jQuery中Ajax事件beforesend及各参数含义。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-12-12
  • Jquery阻止事件冒泡 event.stopPropagation

    Jquery阻止事件冒泡 event.stopPropagation

    帮朋友写了一个小效果,单击标签后标签变色并添加一个叉的图片,点击叉标签恢复原样,具体效果请点击下面的result
    2011-12-12
  • php结合imgareaselect实现图片裁剪

    php结合imgareaselect实现图片裁剪

    这篇文章主要介绍了php结合imgareaselect实现图片裁剪的相关资料,需要的朋友可以参考下
    2015-07-07
  • 使用jquery自定义鼠标样式满足个性需求

    使用jquery自定义鼠标样式满足个性需求

    浏览器是有自带的鼠标样式的,如果某些时候为了保持鼠标样式的统一,或者想指定特定的鼠标样式该怎么办呢?那就要使用自定义了,下面有个不错的示例,喜欢的朋友可以参考下
    2013-11-11

最新评论