zoukankan      html  css  js  c++  java
  • 返回顶部的动态显示与隐藏

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>实现动态的显示回到顶部与否</title>
    <style>
    /*返回顶部*/
    .back_top {45px;height:45px;background:url(back_top_new.png) 0 0;position:fixed;left:50%;margin-left:500px;bottom:105px;display:none;}
    .back_top:hover{background:url(images/back_top_new.png) 0 -46px;}
    </style>
    </head>

    <body>
    <a title="返回顶部" href="javascript:void(0)" class="back_top"></a>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script>
    var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel"; //FF doesn't recognize mousewheel as of FF3.x
    if (document.attachEvent) //if IE (and Opera depending on user setting)
    document.attachEvent("on"+mousewheelevt, function(e){
    var t=document.body.scrollTop+document.documentElement.scrollTop;
    if(t==0){
    $(".back_top").css("display","none");
    }
    else{
    $(".back_top").css("display","block");
    }
    });
    else if (document.addEventListener) //WC3 browsers
    document.addEventListener(mousewheelevt, function(e){
    var t=document.body.scrollTop+document.documentElement.scrollTop;
    if(t==0){
    $(".back_top").css("display","none");
    }
    else{
    $(".back_top").css("display","block");
    }
    }, false);

    </script>
    </body>
    </html>

    梦想还是要有的,万一实现了呢
  • 相关阅读:
    C# 获取类似java gettime() 的时间格式
    LUbuntu电脑棒安装指南
    Visual Studio Gallery
    SQL SERVER 分页存储过程
    asp.mvc获取checkbox、radio、select的值
    C#面向对象的一些笔记
    Javascript预解析、作用域、作用域链
    解决ajax请求cors跨域问题
    Asp.Net操作WebServices
    2019年科技趋势前10位
  • 原文地址:https://www.cnblogs.com/amandaff/p/4024541.html
Copyright © 2011-2022 走看看