search

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

巴扎黑
巴扎黑Original
2017-08-22 11:39:062128browse


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>

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!

Statement：
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
Previous article：JavaScript code sharing: switching tab labelsNext article：JavaScript code sharing: switching tab labels

Related articles

See more