Home > Web Front-end > JS Tutorial > Implementing the effect of small rocket returning to the top of the page based on jquery

Implementing the effect of small rocket returning to the top of the page based on jquery

巴扎黑
Release: 2017-08-22 11:39:06
Original
2129 people have browsed it


This is a special effect source code for returning to the top based on jquery rocket, which solves the difficulty of users returning to the top of the page caused by the page being too long.

The jquery rocket return to the top code shared with everyone is as follows

<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>JavaScript中文网</p> 
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
</body>
</html>
Copy after login

The above is the detailed content of Implementing the effect of small rocket returning to the top of the page based on jquery. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template