html
小云
这个作者很懒,什么都没留下…
展开
-
JavaScript简易验证码生成以及验证
JavaScript简易验证码生成以及验证随机数生成验证码,和输入框数据匹配,根据结果提示用户.完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #checkCode { background: #9e9e9e;原创 2021-04-26 22:10:29 · 173 阅读 · 0 评论 -
JavaScript作用域与执行上下文的区别与联系
1,区别1全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了,而不是在函数调用时.全局执行上下文环境是在全局作用域确定之后,JS代码马上执行之前创建.函数执行上下文是在调用函数时,函数体代码执行之前创建.2,区别2作用域是静态的,只要函数定义好了就一直存在,且不会再变化.执行上下文环境是动态的,调用函数时创建,函数调用结束时就会自动释放.3,联系上下文环境(对象)是从属所在的作用域.全局上下文环境==>全局作用域.函数上下文环境==>对应的函数适原创 2021-04-23 20:43:46 · 151 阅读 · 0 评论 -
HTML+jQuery折叠菜单
点击一级菜单则展开二级菜单展开收起动画效果完整代码,需要引入jQuery.JS文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> * { padding: 0; margin: 0; } .nav { list原创 2021-04-20 18:12:21 · 547 阅读 · 0 评论 -
HTML+JavaScript飞机大战小游戏简易版
点击开始游戏后拖动鼠标在蓝色区域内即可操作飞机移动打中敌方得分,被敌方碰撞则减分掉血运用延时调用函数实现连续发射子弹运用随机函数使敌方飞机在蓝图随机刷新运用坐标判断子弹和敌方飞机距离,碰撞则消失,加得分己方飞机图:50px*50px (plane.png)敌方飞机图:32px*32px (zdj.png)子弹图:32px*32px, (zidan.png)在HTML同层创建img文件夹,将图放入,配合代码则可运行,图片可更换,但是名字大小得一样完整代码<!DOC原创 2021-04-19 21:01:08 · 1654 阅读 · 0 评论 -
HTML+JavaScript拖拽进度条和点击进度条(显示进度条百分比)
实现进度条拖拽功能和点击功能,并显示占比实现图:附加改变区域位置,不影响进度条完整代码<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0;原创 2021-04-18 15:21:50 · 1781 阅读 · 0 评论 -
HTML+JavaScript获取鼠标位置
当鼠标移入框内,获取鼠标的坐标,并显示在下方 clientX可以获取鼠标指针的水平坐标 clientY可以获取鼠标指针的垂直坐标完整代码<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Title</title> <style> #areaDiv {原创 2021-04-17 21:12:16 · 729 阅读 · 0 评论 -
HTML+JavaScript添加删除员工记录简易版
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Title</title> <style> table { border: 1px solid black; margin: 0 auto; } .table.原创 2021-04-17 09:11:52 · 317 阅读 · 0 评论 -
HTML+JavaScript的DOM增删改,父节点操作子节点
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } ul li { float: l.原创 2021-04-16 11:10:11 · 224 阅读 · 0 评论 -
HTML+JavaScript制作的复选框的demo,全选,全不选,反选
HTML+JavaScript制作的复选框的demo,全选,全不选,反选<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload = function () { var i;原创 2021-04-15 23:08:14 · 234 阅读 · 0 评论