jquery实现的动态回到顶部特效代码

本文实例讲述了jquery实现的动态回到顶部特效代码。分享给大家供大家参考，具体如下：

这款jquery动态回到顶部特效，不是一下子就回到了网页顶部，而是带点缓冲的效果，有动画效果，使用了jQuery插件，这是个非常常用的网页特效，希望大家喜欢哦。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-back-top-dh-style-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejquery动态回到顶部特效/title/header dystyle # GoTobn { position : }已修复；线高：36 px宽度：36 pxbottom:35px高度：36 px光标：指针指针；display : none background : URL(图像/back _ to _ top _ white。gif)；}/style br/p style=' text-align : center；font-family : Georgia ' Times New Roman '，Times，衬线；' font-size :24 px'字体粗细：加粗；'***,你好吗。br/想做什么就做什么！/pbr/br/br/br/br/br/br/br/br/br/roll(function(){ var sc=$(window))。滚动顶部()；var rwidth=$(窗口)。width()if(sc0){ $(' # GoTotn ').css('display '，' block ')；$(' # GoTotn ').css('left '，(rwidth-36)' px ')} else { $(' # GoTotn ').css('display '，' none ')；} })$(' # GoTotn ').单击(函数(){ var sc=$(window)).滚动顶部()；$("正文，html ).动画({scrollTop:0}，500)；})/脚本/正文/html希望本文所述对大家jQuery程序设计有所帮助。