jquery 上下にジャンプするアニメーション code_jquery の 2 行の簡単な実装
May 16, 2016 pm 05:28 PM
jquery
底
ジャンプ
上
コードをコピー コードは次のとおりです:
<!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3 .org/ 1999/xhtml" >
<head>
<title>無題ページ</title>
<script type="text/javascript" src=jquery-1.8.0。 js></script>
<script>
$(document).ready(function () {
//トップボタンがクリックされるとメソッドが実行され、scrollTop 属性が取得されます選択したラベルとスクロール バーの間の距離
$('#top').click(function () {
$('html').animate(
{scrollTop: '0px' } , 1000
);
});
//下のラベルがクリックされると、offset() が現在のビューポート内の一致する要素の相対オフセットを取得して返します。 top、left の 2 つの属性を持つオブジェクト
/ もちろん、/animate の 2 番目の属性、'slow'、'normal'、または 'fast' を設定することもできます。
$('#foot').click( function () {
$('html') .animate(
{scrollTop:$('span').offset().top},1000
}); >});
</head>
<br /> br />
<a href="#" id="foot"</a> br />
🎜>
<a href="# " id="top"</a>
<br /> > <br />
</span>
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気の記事
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
人気の記事
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Gmailメールのログイン入り口はどこですか？
7281
9
7281
9
Java チュートリアル
1622
14
1622
14
CakePHP チュートリアル
1341
46
1341
46
Laravel チュートリアル
1258
25
1258
25
PHP チュートリアル
1205
29
1205
29
jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?
Feb 28, 2024 pm 03:12 PM
jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?
PHP プログラミング スキル: 3 秒以内に Web ページにジャンプする方法
Mar 24, 2024 am 09:18 AM
PHP プログラミング スキル: 3 秒以内に Web ページにジャンプする方法
jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する
Feb 28, 2024 pm 09:06 PM
jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する
jQuery を使用してすべての a タグのテキスト コンテンツを変更する
Feb 28, 2024 pm 05:42 PM
jQuery を使用してすべての a タグのテキスト コンテンツを変更する
