kget's blog 首页 php(2)python(0)前端(2)杂谈(5)linux(7)博客(2)阅读(22)plc(3) 关于


用jquery实现点击空白页面显示爱心图标,代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
$(function(){
   var txt="<span class='txt'></span>;
   $('body').append(txt);
  var txted=$(".txt");
   txted.css({position:"absolute",color:"red"});
var Animated=function(x){
  x.stop().animate({top:"-=80px",opacity:'1'},500,function(){$(this).animate({opacity:"0"},500);});};
$(document).on("click",function(e){
 var attr=["","","",""];
 var mathText=attr[Math.floor(Math.random()*attr.length)];
var x=e.pageX-32+"px";
var y=e.pageY-18+"px";
txted,text(mathText);
txted.css({"left":x,"top":y});
Animated(txted);
});
});
</script>

标签: jquery

⇦ 上一篇: 记录一个ssr一键安装代码 linux常用命令记录 :下一篇⇨

最新文章

您的ip地址: 3.229.117.123
您的系统为:linux系统 请您文明评论



1人吐槽

  1. 效果看本站

添加新评论