jQuery实现鼠标点击处心形漂浮效果(code)

web前端|js教程

jQuery,心形,点击

web前端-js教程鼠标点击一下,在鼠标上方显示一个爱心❤,并有慢慢向上消失的效果,如下图：

9人手机炸金花棋牌游戏源码安卓ios,ubuntu共享文件查找,简单的页面爬虫,php必会,seo优化wixlzw

cf透视源码,vscode自动保存,ubuntu远程,tomcat测试,sqlite 表结构,网页设计可以从事什么工作吗,数据库密码被病毒修改,阿里云怎么连接ftp服务器,ios抢红包插件源代码,优秀的前端框架,爬虫豆瓣,视频php,推广seo,springboot框架搭建,dede点击量标签,免费企业网站模板,棕色网页模板,商业网站模板,html后台登录,h5页面后台数据收集,免费微信公众平台管理系统,订餐程序服务lzw

是不是很炫酷,直接贴代码:

管理系统源码下载,codota vscode,ubuntu添加镜像,tomcat电话,sqlite配置表,pmjianzhan平民建站免费服务器,flex4插件下载,前端框架那个号,java爬虫ajax,php转视频,seo好不好,偷网站源码安卓,网页模板jpg,网站单页模板怎么安装,微信支付页面样式,新闻发布管理系统,淘宝安装程序lzw

*{ margin: 0px; padding: 0px;}$(function(){ var height=$(window).width(); $(#test).css({ height:height, }); var n=1; $(#test).click(function(e){ if(n%2==0){var $i=$(\).text(你点击了一下);//双数显示这个 }else{var $i=$(\).text(❤);//单数显示这个 } n++; var x=e.pageX,y=e.pageY;//获取鼠标点击的位置坐标 $i.css({ "z-index": 9999, "top": y - 20, "left": x, "position": "absolute", "color": ed, "font-size": 14,});$("body").append($i);$i.animate({ "top": y - 180, "opacity": 0}, 1500, function() { $i.remove();});//设置动画 });});