回到顶部

来源：互联网发布：大连知行中学中考成绩编辑：程序博客网时间：2024/05/17 09:05
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>返回顶部完整代码 - 柯乐义</title><script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.8.2.min.js"></script></head><body><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><img src="http://static.blog.csdn.net/images/top.png" alt="TOP" id="back-to-top" href="#" title="回到顶部" style="cursor: pointer; border: 0px none; bottom: 134px; width: 80px; height: 28px; margin: 0px; padding: 0px 13px 0px 0px; position: fixed; right: 40px; display:none; " /><script type="text/javascript">    $(function () {        //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失        $(function () {            $(window).scroll(function () {                if ($(window).scrollTop() > 100) {                    $("#back-to-top").fadeIn(100);                }                else {                    $("#back-to-top").fadeOut(100);                }            });            //当点击跳转链接后，回到页面顶部位置            $("#back-to-top").click(function () {                $('body,html').animate({ scrollTop: 0 }, 0);                return false;            });        });    });</script></body></html>
0 0