kget的博客-kget.cn 首页 php(7)前端(2)杂谈(7)linux(14)博客(4)python(2)书摘(1) 关于


用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

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

最新文章

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



1人吐槽

  1. 效果看本站

添加新评论