ホームページ  >  記事  >  ウェブフロントエンド  >  小型ロケットがページの先頭に戻るエフェクトをjqueryをベースに実装

小型ロケットがページの先頭に戻るエフェクトをjqueryをベースに実装

巴扎黑
巴扎黑オリジナル
2017-08-22 11:39:062072ブラウズ


ページが長すぎてトップに戻りにくい問題を解決する、jquery rocketベースのトップに戻るための特殊効果ソースコードです。

皆さんに共有されている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>JavaScript中文网</p> 
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
<p>jquery小火箭返回顶部</p>
</body>
</html>

以上が小型ロケットがページの先頭に戻るエフェクトをjqueryをベースに実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。