- 博客(11)
- 收藏
- 关注
原创 拖动模态框
拖动模态框实现步骤:①点击弹出层,模态框和遮挡层就会显示出来display:block;②点击关闭按钮,模态框和遮挡层就会隐藏起来display:none;③在页面中拖拽的原理︰鼠标按下并且移动,之后松开鼠标;④触发事件是鼠标按下mousedown,鼠标移动mousemove,鼠标松开mouseup;⑤拖拽过程:鼠标移动过程中,获得最新的值赋值给模态框的left和top值,这样模态 框可以跟着鼠标走了;⑥鼠标按下触发的事件源是最上面一行,就是id为title;⑦鼠标的坐标减去鼠标在盒
2022-05-17 10:56:40
418
原创 学成在线未细化练手版
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2022-03-27 09:11:27
118
原创 JavaScript数组对象的使用——数组去重
数组对象数组元素的添加和删除方法名说明返回值push(参数1…)末尾添加一个或多个元素,注意修改原数组并返回新的长度pop()删除数组最后一个元素,把数组长度减1 无参数、修改原数组返回它删除的元素的值unshift(参数1…)向数组的开头添加一个或多个元素,注意修改原数组并返回新的长度shift()删除数组的第一个元素,数组长度减1 无参数、修改原数组并返回第一个元素的值数组元素的翻转和排序方法名说明是否修改原数组r
2022-03-15 10:32:33
852
原创 JavaScript利用Date对象实现倒计时效果
Date对象简介如果没有输入任何参数,则Date的构造器会依据系统设置的当前时间来创建一个Date对象。如果提供了至少两个参数,其余的参数均会默认设置为 1(如果没有指定 day 参数)或者 0(如果没有指定 day 以外的参数)。JavaScript的时间由世界标准时间(UTC)1970年1月1日开始,用毫秒计时,一天由 86,400,000 毫秒组成。Date 对象的范围是 -100,000,000 天至 100,000,000 天(等效的毫秒值)。Date 对象为跨平台提供了统一的行为。
2022-03-14 17:15:48
3099
2
原创 JavaScript实现简易计算器
简易计算器利用JavaScript语言,综合使用分支结构、循环结构、函数实现简易计算器功能。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
2022-03-13 22:00:42
4779
1
原创 JavaScript创建对象——构造函数
JavaScript创建对象的三种方式:利用字面量创建,对象字面量为{}利用 new Object 创建利用构造函数,初始化对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c
2022-03-13 14:32:52
1227
原创 CSS利用复合选择器和背景设置实现简易导航栏
题目分析相关知识点复合选择器选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格 .nav a子代选择器选择最近一级的元素只选亲儿子较少符号是大于 .nav>p并集选择器选择某些相同样式的元素可以用于集体声明较多符号是逗号 .nav,.header链接伪类选择器选择不同状态的链接跟链接相关较多重点记住a{}和a:hover 实际开发的写法:focus选择器选择获得光标的表单
2021-11-09 23:25:08
137
原创 CSS内部样式表实现简易新闻页面
CSS 层叠样式表,一种标记语言,用于布局。标签选择器:一般为HTML标签名称,选出所有相同的标签设置样式。类选择器:差异化标签,通过class调用,定义形式为:点+类名,可以多次调用。id选择器:通过id调用,定义形式为:#+id名,只能调用一次,唯一性元素。通配符选择器:定义形式为:* ,所有标签可用,无需调用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-11-07 23:04:28
655
原创 Tomcat的startup.bat闪退问题
工具:tomcat 9.0.x 免安装版JDK 1.8及以上版本问题:JDK已存在,下载安装完tomcat,双击startup.bat或tomcat9.exe启动时,均出现闪退现象,无法启动。解决办法:第一步:右键startup.bat文件选择编辑,在文件尾部添加pause并保存;再双击打开startup.bat,可以显示出无法启动的原因。第二步可以发现:无法正常启动的原因是未正确定义JRE_HOME环境变量。解决方式为:编辑startup.bat文件,在其文件头部添加环境变量,
2021-10-30 16:08:12
471
原创 HTML表单标签的简单应用
应用HTML表单标签制作简单的注册页面,如下例为简易的世纪佳缘注册页面。代码及注释如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt
2021-10-28 22:55:04
94
原创 HTML部分标签的语义及使用
HTML:超文本标记语言。标签关系:包含关系、并列关系,例html与head间为包含,head与body间为并列。基本结构标签:html标签、head标签、title标签、body标签。语法规范:尖括号包围,双标签成对出现,个别单标签,例如常用的br标签,img标签。下面为部分标签的使用案例:index部分<!DOCTYPE html> <!--声明文件类型HTML5,输入!后回车可直接生成HTML骨架 --><html lang="en"> .
2021-10-23 19:45:38
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人