有人能告诉我如何实现这个Javascript吗?HTML CSS

Can someone tell me how to implement this Javascript? HTML CSS

本文关键字：Javascript CSS HTML 实现 告诉我 何实现      更新时间：2023-09-26

我发现了这个很棒的链接，其中有一个滚动到顶部的按钮，我想添加到我的网页中。有人能告诉我如何实现javascript部分吗？我试着把它插入到html页面底部的脚本标记中，但似乎不起作用。

http://jsfiddle.net/yeyene/J3zyq/3/

$(document).ready(function() {
    $(window).scroll(function() {
        if($(this).scrollTop() > 100){
            $('#goTop').stop().animate({
                top: '20px'    
                }, 500);
        }
        else{
            $('#goTop').stop().animate({
               top: '-100px'    
            }, 500);
        }
    });
    $('#goTop').click(function() {
        $('html, body').stop().animate({
           scrollTop: 0
        }, 500, function() {
           $('#goTop').stop().animate({
               top: '-100px'    
           }, 500);
        });
    });
});

否则，我知道如何设计和配置HTML和CSS。

谢谢！

将这行代码放在<head>（高于JavaScript的其余部分）中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

或者，如果代码与2.1.3不兼容，您可以使用以下代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

如果它在那之后工作，那么您只是没有加载jQuery。如果在本地保存jQuery，它的加载速度会更快，但出于测试目的，这是可以的。

下载一个名为Jquery的js文件，并将此行放入头标签中

<script src="MYLOCATION/jquery.min.js"></script>

然后把你的JS代码放在head标签中，放在脚本标签中，例如

<script src="MYLOCATION/jquery.min.js"></script>
<script>
$(document).ready(function() {....
</script>
相关文章：