jQuery实现简单的打字游戏功能
来源:互联网 发布:紧急通知网页域名升级 编辑:程序博客网 时间:2024/05/22 09:41
css:<style>*{padding:0px;margin:0px}#main{width:1000px;height:600px;}.div{width:20px;line-height:0px}</style>jQuery:<script> $(function(){var i=1;var zd;function show(){clearTimeout(a);var zm=parseInt(Math.random()*25);zd=String.fromCharCode(zm+65);var wy=Math.random()*500;//设置偏移量var a=setTimeout(show,1000);$("#main").append($("<div class='div' name='"+zd+"' id='a"+i+"'>"+zd+"</div>"));$("div[id='a"+i+++"']").offset({ top: 0, left: wy}).animate({top:600},10000,function() {$(this).remove();});}show();$(window).keydown(function(event){ var value=event.keyCode;var re=String.fromCharCode(value);if(re!=null){$("div[name='"+re+"']").remove();}});}) </script>
不加line-height:0px,会导致字母消失时,其他的字母向上回升
阅读全文
0 0
- jQuery实现简单的打字游戏功能
- 实现游戏中的简单打字功能
- 实现游戏中的简单打字功能
- 用jquery简单实现打字游戏
- jQuery 写的简单打字游戏
- 课程设计(打字游戏)设计功能实现之---简单的音乐mp3播放功能实现
- javascript实现的简单打字游戏
- Qt实现一个简单的打字游戏
- 简单的Java打字游戏
- 简单的打字游戏心得体会(代码)
- c#简单打字游戏
- 用C语言实现的打字游戏
- QT实现打字游戏
- jquery实现打字效果
- jQuery实现打字小游戏
- JS实现简单的打字效果
- 概论2--简单打字游戏
- jquery实现简单的选项卡功能
- 简单的SpringBoot+Mybatis框架整合
- IO概念&5种IO模型介绍
- JSP的内置对象
- Topcoder SRM 716 Hard
- CentOS6 安装couchdb2 集群
- jQuery实现简单的打字游戏功能
- poi解析Excel
- 安装 xorg-macros
- 简单的eHttpClient工具类
- request对象JSP学习
- logback的使用和logback.xml详解
- scala-循环跳出
- 原来还有这种操作,libs和jniLibs 还有jni不得不说的关系
- Head First设计模式笔记(装饰器模式)