ホームページ ウェブフロントエンド jsチュートリアル jquery は、クリック数を計算するためにページをクリックすることを実装します_jquery

jquery は、クリック数を計算するためにページをクリックすることを実装します_jquery

May 16, 2016 pm 04:18 PM
jquery

コードは非常に単純なので、ここではあまり意味のないことには触れません。コードだけを示します。

コードをコピーします コードは次のとおりです:

$(関数(){
var w=0,tip=$("<b>");
Tip.css({
"z-index":99999、位置:"絶対"、色:"赤"、表示:"なし"
})、
$("body").append(tip),//ページは番号を表示する b タグを作成します
$(document).on("click",function(e){
var x=e.pageX,y=e.pageY;//クリックされたページの座標を取得します
tip.text(" " w).css({//数値プラス 1
display: "block"、上: y-15、左: x、不透明度: 1 // 表示の位置決め
}).stop(!0,!1).animate({//stop(stopAll,goToEnd)、複数のクリックが発生した場合は、前のアニメーションの実行を停止します
上:y-180,不透明度:0},800,function(){
Tip.hide()
                                                                                                                                                                                    e.stopPropagation()
});
});

コードは以上です。気に入っていただければ幸いです。

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド Feb 27, 2024 pm 06:45 PM

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? Feb 28, 2024 pm 03:12 PM

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?

jQueryで要素の高さ属性を削除するにはどうすればよいですか? jQueryで要素の高さ属性を削除するにはどうすればよいですか? Feb 28, 2024 am 08:39 AM

jQueryで要素の高さ属性を削除するにはどうすればよいですか?

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する

徹底した分析: jQuery の長所と短所 徹底した分析: jQuery の長所と短所 Feb 27, 2024 pm 05:18 PM

徹底した分析: jQuery の長所と短所

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

jQuery を使用してすべての a タグのテキスト コンテンツを変更する

jQuery における eq の役割と応用シナリオを理解する jQuery における eq の役割と応用シナリオを理解する Feb 28, 2024 pm 01:15 PM

jQuery における eq の役割と応用シナリオを理解する

PHPでよく使われるファイル操作関数のまとめ PHPでよく使われるファイル操作関数のまとめ Apr 03, 2024 pm 02:52 PM

PHPでよく使われるファイル操作関数のまとめ

See all articles