search

Home >Web Front-end >JS Tutorial >jquery little rocket return to top code sharing_jquery

jquery little rocket return to top code sharing_jquery

WBOY
WBOYOriginal
2016-05-16 15:44:231907browse

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>脚本之家</p> 
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>

</body>
</html>

Source code download

Operation rendering:

The above is the jquery rocket return to the top code shared with you, I hope you can like it

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：js realizes the dynamic transformation and display effect of input box text_javascript skillsNext article：js realizes the dynamic transformation and display effect of input box text_javascript skills

Related articles

See more