十分钟玩转jQuery---返回顶部

news/2024/7/19 15:04:55 标签: js, jquery, javascript, css, 前端

这里给大家推荐一款免费迭代 二开便捷的商城项目:源码直通车>>>

话不多说  直接上实例

javascript"><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .divH {
            height: 1800px;
        }
        .divT {
            width: 50px;
            height: 50px;
            font-size: 23px;
            background-color: #2F4F4F;
            color: white;
            position: fixed;
            right: 18px;
            bottom: 18px;
        }
        .divT:hover{
            cursor: pointer;
        }
        .hide {
            display: none;
        }
    </style>
</head>
<body>
    <div class="divH"></div>
    <div class="divT hide" onclick="ReturnTop();"><strong>返回顶部</strong></div>

    <script src="../../jquery-1.12.4.js"></script>
    <script>
        window.onscroll = function () {
            var current = $(window).scrollTop();
            if (current > 180){
                $(".divT").removeClass("hide");
            }else {
                $(".divT").addClass("hide");
            }
        };

        function ReturnTop() {
            $(window).scrollTop(0);
        }
    </script>
</body>
</html>

 


http://www.niftyadmin.cn/n/908795.html

相关文章

Maven之构件

定义 构件&#xff1a;在Maven中&#xff0c;任何依赖(jar包,tomcat等)&#xff0c;或项目(自己打包的jar,war等)输出都可成为构件。每个构件都有自己的唯一标识(唯一坐标)&#xff0c;由groupId&#xff0c;artifactId&#xff0c;和version等信息构成&#xff0c;由此&#x…

十分钟玩转jQuery---菜单切换

这里给大家推荐一款免费迭代 二开便捷的商城项目&#xff1a;源码直通车>>> 话不多说 直接上实例 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title><style>*{margi…

十分钟玩转jQuery---轮播图

这里给大家推荐一款免费迭代 二开便捷的商城项目&#xff1a;源码直通车>>> 话不多说 直接上实例 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title><style>*{marg…

tyvj1096 数字组合

描述 在N个数中找出其和为M的若干个数。先读入正整数N&#xff08;1<N<100&#xff09;和M(1<M<10000)&#xff0c; 再读入N个正数&#xff08;可以有相同的数字&#xff0c;每个数字均在1000以内&#xff09;&#xff0c; 在这N个数中找出若干个数&#xff0c; 使…

十分钟玩转jQuery---多选、反选、取消

这里给大家推荐一款免费迭代 二开便捷的商城项目&#xff1a;源码直通车>>> 话不多说 直接上实例 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title></head> <b…

面试问题

面试问题&#xff1a;线程安全、线程锁&#xff08;synchronized , lock&#xff09;,JUC类库&#xff08;concurrenthashmap&#xff09;, mysql引擎&#xff08;myisam与innodb&#xff09;,jvm&#xff08;GC&#xff09;算法与机制 , 数据结构&#xff08;二分查找法&#…

十分钟玩转jQuery---三级联动

这里给大家推荐一款免费迭代 二开便捷的商城项目&#xff1a;源码直通车>>> 话不多说 直接上实例 <!DOCTYPE html> <html lang"en"> <head> <meta http-equiv"Content-Type" content"text/html; charsetUTF-8"&…

Android PullToRefreshExpandableListView的点击事件

这几天做项目的时候用到了一个开源的下拉刷新的框架&#xff08;需要的朋友可以加我Q:359222347&#xff09;。其中我使用PullToRefreshExpandableListView的时候发现这个东西没有setOnChildClickListener&#xff08;&#xff09;的点击方法。刚刚在一个国外的网站上看到一个解…