jquery小火箭返回顶部代码分享_jquery-js教程-PHP中文网

jquery小火箭返回顶部代码分享_jquery

php中文网

发布： 2016-05-16 15:44:23

原创

2138人浏览过

这是一款基于jquery小火箭返回顶部特效源码，解决了页面太长造成的用户返回页面顶端困难。

为大家分享的jquery小火箭返回顶部代码如下

<head>

<title>jquery小火箭返回顶部代码</title> 
<link href="css/top.css" rel="stylesheet" type="text/css"/>
</head>

<body style="text-align:center; height:1000px;">
</head>
<a id="returnTop" href="javascript:;">回到顶部</a> 
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="js/top.js" type="text/javascript"></script>

<p>本站</p> 
<p>jquery小火箭返回顶部</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/js/6082">
                            <img src="https://img.php.cn/upload/jscode/000/287/557/5ea25509d5bd5226.jpg" alt="jquery制作非常可爱的火箭筒返回顶部代码">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/js/6082">jquery制作非常可爱的火箭筒返回顶部代码</a>
                            <p></p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="jquery制作非常可爱的火箭筒返回顶部代码">
                                <span>367</span>
                            </div>
                        </div>
                        <a href="/xiazai/js/6082" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="jquery制作非常可爱的火箭筒返回顶部代码">
                        </a>
                    </div>
                
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>

</body>
</html>

登录后复制

源码下载

运行效果图：