点赞
来源:互联网 发布:蓝牙4.0测试软件下载 编辑:程序博客网 时间:2024/04/27 21:23
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>godme</title> <style> .action:hover{ cursor: pointer; } .action{ width: 50px; position: fixed; top:40%; left:40%; font-size: 80px; color: red; } </style></head><body> <div class="action"> <span>赞</span> </div></body><script src="jquery-3.2.1.min.js"></script><script> $('.action').click(function () { var fontSize = 15; var top = 0; var left = 50; var opacity = 1; var d = document.createElement("span"); $(d).css("position","absolute"); $(d).css('color','green'); $(d).text("+4"); $(d).css("fontSize",fontSize); $(d).css("top",top + "px"); $(d).css("left",left + "px"); $(d).css("opacity",opacity); $(this).append(d); var obj = setInterval(function () { fontSize += 5; top -= 10; left += 8; opacity -= 0.2; $(d).css("fontSize",fontSize); $(d).css("top",top + "px"); $(d).css("left",left + "px"); $(d).css("opacity",opacity-0.1); if(opacity <= 0){ clearInterval(obj); $(d).remove(); } },100); })</script></html>
阅读全文
0 0
- 点赞
- 点赞
- 点赞
- mysql 点赞取消点赞语句
- 点赞处理 smarty
- 点赞重点代码
- 点赞功能
- 点赞动画
- 自定义点赞动画
- 点赞功能程序设计
- 关于评论点赞
- 评论与点赞
- 点赞功能设计
- 点赞 数据库设计
- GoodView 点赞
- thinkphp 点赞
- 点赞+1 效果
- javaScript:点赞功能
- NO13函数
- Aerospike SSD模式下,刷写磁盘和写入数据swb的关系
- No converter found for return value of type: class com.taotao.pojo.TbItem
- C语言 自编语言:m的n次方 正方形星号图
- LeetCode 之 Valid Palindrome
- 点赞
- [2017.11.01]作业06
- 生活小记38
- H5新标签体验
- 数据结构专题——栈与队列之链栈及其Java实现
- Java list与数组的相互转化
- To TT
- mysql5.6配置主从数据库
- requirejs angularjs 的总结