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

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

巴扎黑
リリース: 2017-08-22 11:39:06
オリジナル
2096 人が閲覧しました


ページが長すぎてトップに戻りにくい問題を解決する、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート