精华内容
下载资源
问答
  • 回到顶部代码

    2013-12-02 10:05:08
    回到顶部代码
  • 网页回顶部代码css

    2013-10-31 13:10:55
    网页回顶部代码css,源码!游动效果。
  • 回到顶部代码实列

    2012-06-05 18:11:29
    让网页快速回到顶部的功能,为了避免呆板,这里加入了jQuery动画效果,让用户在点击“回到顶部”之后,页面迅速滑动至网页的最顶部代码看起来似乎也不复杂。这里需要注意几个参数:fast改成slow, 0数字代表...
  • 下面是使用jQuery实现的“返回顶部”的完整代码,可以点击这里体验效果:......

    下面是使用jQuery实现的“返回顶部”的完整代码,可以点击这里体验效果:http://www.keleyi.com/keleyi/phtml/gototop.htmhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

     返回顶部完整代码 - 柯乐义       

    返回顶部

     
    请滚动鼠标使页面向下
     
    www.keleyi.com
     
    欢迎
     
    hi
     
    柯乐义
     
    keleyi.com
     
    keleyi
     
    keleyi.com
     
    柯乐义
     
    柯乐义 返回顶部
     
    A
     
    jquery
     
    B
     
    keleyi.com
     
    完整代码
       
    展开全文
  • HTML代码返回顶部CSS代码p#back-to-top{position:...}js代码$(function(){//当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失$(function () {$(window).scroll(function(){if ($(window).scrollTop(...

    HTML代码

    返回顶部

    CSS代码

    p#back-to-top{

    position:fixed;

    display:none;

    bottom:100px;

    right:80px;

    }

    js代码

    $(function(){

    //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失

    $(function () {

    $(window).scroll(function(){

    if ($(window).scrollTop()>100){

    $("#back-to-top").fadeIn(1500);

    }

    else

    {

    $("#back-to-top").fadeOut(1500);

    }

    });

    //当点击跳转链接后,回到页面顶部位置

    $("#back-to-top").click(function(){

    if ($(‘html‘).scrollTop()) {

    $(‘html‘).animate({ scrollTop: 0 }, 100);//动画效果

    return false;

    }

    $(‘body‘).animate({ scrollTop: 0 }, 100);

    return false;

    });

    });

    });

    记得要引用jQuery文件

    原文:http://www.cnblogs.com/xy-milu/p/6625419.html

    展开全文
  • 本文实例为大家分享了JS返回顶部实例代码,供大家参考,具体内容如下html/css部分Document.container{width:1190px;margin: 0px auto;}.container a{display: none;width:40px;height:40px;background: url(/535e0dc...

    本文实例为大家分享了JS返回顶部实例代码,供大家参考,具体内容如下

    html/css部分

    Document

    .container{

    width:1190px;

    margin: 0px auto;

    }

    .container a{

    display: none;

    width:40px;

    height:40px;

    background: url(/535e0dc100010e9c00400080.jpg) no-repeat;

    position: fixed;

    left:95%;

    bottom: 50px;

    }

    .container a:hover{

    background: url(/535e0dc100010e9c00400080.jpg) no-repeat;

    background-position: left -40px;

    }

    JS部分

    window.οnlοad=function(){

    var obtn=document.getElementById("btn");

    var clientHeight=document.documentElement.clientHeight||ocument.body.clientHeight;

    var isTop=true;

    var timer=null;

    window.οnscrοll=function(){

    var topH=document.documentElement.scrollTop||document.body.scrollTop;

    if(topH>clientHeight){

    obtn.style.display="block";

    }else{

    obtn.style.display="none";

    }

    }

    obtn.οnclick=function(){

    timer=setInterval(function(){

    var topH=document.documentElement.scrollTop||document.body.scrollTop;

    var stepLength=Math.ceil(topH/5);

    document.documentElement.scrollTop=document.body.scrollTop=topH-stepLength;

    if(topH==0){

    clearInterval(timer);

    }

    },30);

    }

    }

    学习视频地址

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    展开全文
  • 一个不错的CSS回到顶部代码 兼容各浏览器
  • 点击回到顶部,网站开发时,有个页面点击回到顶部
  • 二维码,反馈,回顶部代码分享 一般会留下二维码和反馈这俩个功能,当屏幕滚动高度大于300px就会出现会顶部的图标

    二维码,反馈,回顶部代码分享

    一般会留下二维码和反馈这俩个功能,当屏幕滚动高度大于300px就会出现会顶部的图标

    原始样式

    二维码


    反馈


    回顶部



    源码分享


    展开全文
  • html回到顶部代码

    千次阅读 2017-03-27 10:13:00
    HTML代码 <p id="back-to-top"><a href="#top">返回顶部</a></p> CSS代码 p#back-to-top{ position:fixed; display:none; bottom:100px; ...
  • 简单回到顶部代码

    千次阅读 2018-06-05 11:04:02
    /* 回到顶部css */ .backtop{ position: fixed; right: 2rem; bottom: 2rem; z-index: 1000; } a>.btnbacktop{ font-size: 2rem; margin: 1rem 0 0; padding: 0; width: 3.33rem; height: 3.33rem; line-...
  • 找了很久才找到这个代码,当拖动网页滚动条的时候会自动出现给回到顶部的图表,点击就可以回到顶部 大家可以到这个网站上看演示http://www.shopokey.com,当用户拖动滚动条的时候会在右下角自动出现个上向的top图标,...
  • 此技术由咿呀网...此代码无版权所有,不管你是商业还是个人,都可放心使用,往下拖动可预览效果。 此代码非常简单,一个js方法,3行CSS代码. 就可以实现效果。 技术交流 QQ群:22160972 邮箱:362217990@qq.com
  • 1、平滑的回到顶部,但是会划过中间的每一页 mListView.getRefreshableView().smoothScrollToPosition(0); 2、直接跳到顶部 if (!mListView.getRefreshableView().isStackFromBottom()) { mListView....
  • 回到顶部代码,兼容IE CHROME FIREFOX

    千次阅读 2014-03-14 14:52:59
    // JavaScript Document function goTopEx(){ var obj=document.getElementById("goTopBtn"); obj.onclick=function(){ //alert('vv'); document.documentElement.scrollTop=1;...
  • 回到顶部代码(平滑滚动) http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm (官网) < script src ="/Scripts/scrolltopcontrol.js" type ="text/javascript"> script > 前台: < div ...
  • 回到顶部JS代码

    2013-02-22 17:22:03
    现成的回到顶部js代码,给有需要的朋友一点帮助
  • js滚动条回到顶部代码,里面的js代码比较简单,很适合学习。
  • 文字回到顶部特效是一段文字回到顶部代码,方便、快捷。 文字回到顶部特效图:
  • jQuery回到顶部代码

    2020-10-21 23:57:41
    在一些网站上,我们经常见到返回顶部的效果,本文给大家介绍基于jquery如何实现返回顶部效果,非常不错,感兴趣的朋友可以参考下
  • jQuery可爱火箭回到顶部效果代码,当滑动网页到下面的时候,会出现小火箭,到顶部,小火箭消失,点击小火箭有个返回顶部的效果,一般我们在商城网站或者企业网站中经常用到这样的效果,php中文网推荐下载!
  • 回到顶部插件GoUp是一款简单的jQuery插件,让你的网页用户直接回到顶部
  • 主要介绍了jquery实现的动态回到顶部特效代码,涉及jQuery基于时间函数的定时递归调用实现带缓冲效果的移动功能,具有一定参考借鉴价值,需要的朋友可以参考下
  • 回到顶部,当页面下拉到一定高度时,就会出现回到顶部的按钮,点击回到顶部之后,会有一个速度的变化回滚到顶部,如果正在回到顶部时,鼠标的滚轮转动了就会停止回到顶部,纯javascript代码编写的
  • jQuery可爱火箭回到顶部效果代码
  • 本篇文章主要是对javascript 回到顶部效果的实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
  • 回到网页顶部JS代码
  • 回顶部的html代码

    2011-09-14 17:37:24
    这个是回顶部的html代码,特点:没有闪烁的现象出现。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 98,157
精华内容 39,262
关键字:

回到顶部的代码