jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)_jquery
本文实例讲述了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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery实现点赞数字累加动画效果</title>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
html,body{background:#fff;font-size:14px;font-family:"microsoft yahei";}
.tip{text-align:center;padding-top:10%;font-size:2em;}
</style>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$("html,body").on("click",function(e){
anp(e);
})
function anp(e){
var n=Math.round(Math.random()*10);
var $i=$("<b>").text("+"+n);
var x=e.pageX,y=e.pageY;
$i.css({top:y-20,left:x,position:"absolute",color:"#E94F06"});
$("body").append($i);
$i.animate({top:y-180,opacity:0,"font-size":"1.4em"},1500,function(){
$i.remove();
});
e.stopPropagation();
}
</script>
</head>
<body>
<div class="tip">点击页面任意位置查看效果</div>
</body>
</html>
希望本文所述对大家jQuery程序设计有所帮助。
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
微信视频号点赞和爱心的区别是什么？有什么用？
Mar 26, 2024 pm 12:16 PM
在微信视频号中，点赞和爱心是用户常用的互动方式。点赞表示用户认可和支持喜欢的视频内容，而爱心则展示用户对视频创作者的喜爱和关注。尽管点赞和爱心都表达了用户对视频内容的认同和喜爱，但它们在实质上存在一些微妙的区别。一、微信视频号点赞和爱心的区别是什么？点赞通常表示人们普遍认可和支持的一种方式，用户只需点击视频下的“点赞”按钮即可表达对视频的认可。这种简单直接的形式让用户能够快速传达自己的看法，同时也有助于视频更广泛地传播。爱心具有个性化和情感化的特质。在微信视频号中，用户可以通过点击视频右下角的“
ppt动画如何设置先进入再退出
Mar 20, 2024 am 09:30 AM
我们在日常的办公中经常会使用到ppt，那么你是否对ppt里边的每个操作功能都很了解呢？例如：ppt中怎么设置动画效果、怎么设置切换效果、每个动画的效果时长是多少？每个幻灯片能不能自动播放、ppt动画先进入再退出等等，那么今天这期我就先跟大家分享ppt动画先进入再退出的具体操作步骤，就在下方，小伙伴们快来看一看吧！1.首先，我们在电脑中打开ppt，单击文本框外侧选中文本框，（如下图红色圈出部分所示）。2.然后，单击菜单栏中的【动画】，选中【擦除】的效果，（如图红色圈出部分所示）。3.接下来，单击【
小红书点赞的评论在哪里看？在小红书平台有哪些规则需要注意的？
Mar 30, 2024 pm 06:51 PM
在当今这个信息爆炸的时代，社交媒体已经成为人们日常生活中不可或缺的一部分。小红书作为国内领先的的生活方式分享平台，吸引了大量用户在此分享和获取信息。那么，在小红书平台上，我们如何查看点赞的评论呢？本文将详细解答这一问题。一、小红书点赞的评论在哪里看？首先，我们需要在小红书平台上登陆自己的账号。登陆后，我们可以看到首页推荐的内容，以及关注的人发布的动态。在每个发布的内容下方，我们可以看到点赞和评论的按钮。点击点赞按钮，即可对这条内容表示赞同。而点击评论按钮，则可查看其他用户对该内容的评论。3.如果
jQuery中如何使用PUT请求方式？
Feb 28, 2024 pm 03:12 PM
jQuery中如何使用PUT请求方式？在jQuery中，发送PUT请求的方法与发送其他类型的请求类似，但需要注意一些细节和参数设置。PUT请求通常用于更新资源，例如更新数据库中的数据或更新服务器上的文件。以下是在jQuery中使用PUT请求方式的具体代码示例。首先，确保引入了jQuery库文件，然后可以通过以下方式发送PUT请求：$.ajax({u
小红书点赞过别人的评论怎么看？它哪些类型的内容更容易获得点赞和评论？
Mar 30, 2024 pm 08:06 PM
在数字化时代，小红书已成为人们分享生活、交流心得的重要平台。用户通过点赞和评论来互动，形成紧密的社交网络。本文将探讨小红书点赞过别人的评语的查看方式，以及哪些类型的内容更容易获得点赞和评论。一、小红书点赞过别人的评论怎么看？用户可以通过查看已赞过的评论来表达支持和喜好，进而进行互动。具体查看方式如下：1.在小红书首页，点击“发现”按钮，进入“发现”页面。2.在“发现”页面，点击“圈子”按钮，进入“圈子”页面。3.在“圈子”页面，浏览感兴趣的话题或圈子，找到喜欢的评论。4.点击评论，即可看到点赞过
jQuery如何移除元素的height属性？
Feb 28, 2024 am 08:39 AM
jQuery如何移除元素的height属性？在前端开发中，经常会遇到需要操作元素的高度属性的需求。有时候，我们可能需要动态改变元素的高度，而有时候又需要移除元素的高度属性。本文将介绍如何使用jQuery来移除元素的高度属性，并提供具体的代码示例。在使用jQuery操作高度属性之前，我们首先需要了解CSS中的height属性。height属性用于设置元素的高度
jQuery小技巧：快速修改页面所有a标签的文本
Feb 28, 2024 pm 09:06 PM
标题：jQuery小技巧：快速修改页面所有a标签的文本在网页开发中，我们经常需要对页面中的元素进行修改和操作。在使用jQuery时，有时候需要一次性修改页面中所有a标签的文本内容，这样可以节省时间和精力。下面将介绍如何使用jQuery快速修改页面所有a标签的文本，同时给出具体的代码示例。首先，我们需要引入jQuery库文件，确保在页面中引入了以下代码：<
雷雨ppt中动画雷雨该如何制作
Mar 20, 2024 pm 02:41 PM
有时候我们会遇到需要在ppt中加入动画的需求，比如如果我们想要做一张雷雨ppt，想在里面加一些动画雷雨效果，这该怎么办呢？今天，小编就来为大家介绍一下雷雨ppt中动画雷雨该如何制作，其实很简单，快来学起来吧！1.首先我们打开一张PPT的页面，“插入”——“形状”——“基本形状”——“闪电形”，如图所示。 2.在右侧的“填充与线条”选项卡里面，“填充”选择：白色；“线条”选择：黑色，具体如图示。 3.依次点击“动画”——“自定义动画”——“添加效果”——“强调”——“细微型”——“忽明忽暗”，
