Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > JS Tutorial > body text

jquery little rocket return to top code sharing_jquery

WBOY

Release： 2016-05-16 15:44:23

Original

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

</body>
</html>

Copy after login

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

Related labels：

jquery返回顶部代码 jquery返回顶部特效 jquery实现返回顶部

source：php.cn

Previous article：js realizes the dynamic transformation and display effect of input box text_javascript skills Next article：jQuery large image on the left, small image on the right, focus image slideshow switching code sharing_jquery

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