上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 44 下一页
摘要: Bootstrap_全局CSS样式_按钮&图片 全局css样式: 按钮: <a class="btn btn-default" href="#">Link</a> 图片: <!-- 图片 --> <img src="img/banner_1.jpg" class="img-responsive"/> 阅读全文
posted @ 2022-11-26 13:20 monkey大佬 阅读(80) 评论(0) 推荐(0)
摘要: Bootstrap栅格系统_入门 响应式布局: 同一套页面可以兼容不同分辨率的设备 实现:依赖于栅格系统:将一行平均分成12个格子,可以指定元素占几个格子 步骤: 1.定义容器,相当于html里的table 容器分类: container :两边留白 container-fluid:每一种设备占格子 阅读全文
posted @ 2022-11-26 12:00 monkey大佬 阅读(59) 评论(0) 推荐(0)
摘要: Bootstrap_概述 概念:一个前端开发的框架 框架:一个半成品软件,开发人员可以在框架基础上,在进行开发,简化编码 好处: 定义了很多css样式和js插件,我们开发人员直接可以使用这些样式和插件得到丰富的页面效果 响应式布局:(根据页面的分辨率,自动调整布局大小) 同一套页面可以兼容不同分辨率 阅读全文
posted @ 2022-11-25 19:17 monkey大佬 阅读(43) 评论(0) 推荐(0)
摘要: 案例_表格全选 <html lang="en"> <head> <meta charset="UTF-8"> <title>表格全选</title> <style> table{ border: 1px solid; width: 500px; margin-left: 30%; } td,th{ 阅读全文
posted @ 2022-11-24 21:28 monkey大佬 阅读(24) 评论(0) 推荐(0)
摘要: 事件_概述 概念:某些组件被执行了某些操作后,触发某些代码的执行 事件:某些操作,如:单击 双击 键盘按下了 ,鼠标移动了 事件源:组件,如:按钮 文本输入框... 监听器:代码 注册监听:将事件,事件源,监听器结合在一起,当事件源上发送某个事件,则触发执行某个监听器代码。 常见事件: 点击事件 o 阅读全文
posted @ 2022-11-24 20:08 monkey大佬 阅读(100) 评论(0) 推荐(0)
摘要: HTMLDOM_innerHTML 标签体的设置和获取:innerHTML innerHTML 属性可用于获取或替换 HTML 元素的内容。 innerHTML 属性可用于获取或改变任何 HTML 元素,包括 <html> 和 <body>。 <head> <meta charset="UTF-8" 阅读全文
posted @ 2022-11-23 18:27 monkey大佬 阅读(842) 评论(0) 推荐(0)
摘要: 案例_动态表格_添加和删除 分析: 1,添加 1.给添加按钮绑定事件 2.获取文本框内容 3.创建td设置td的文本框的内容 4.创建tr 5.将td添加到tr中 6.获取table,将tr添加到table中 2,删除 1.确定点击的是哪一个超链接 <td><a href="javascript:v 阅读全文
posted @ 2022-11-21 11:36 monkey大佬 阅读(52) 评论(0) 推荐(0)
摘要: DOM_Element对象 Element:元素对象 获取/创建:通过document来获取和创建 方法: removeAttribute():删除属性 setAttribute():添加新属性 <body> <a>点我试一试</a> <input id="btn_set" type="button 阅读全文
posted @ 2022-11-19 15:49 monkey大佬 阅读(37) 评论(0) 推荐(0)
摘要: DOM_Document对象获取Element方法 Document:文档对象 创建(获取):在html dom模型中使用window对象来获取 window.document document 方法: 获取Element对象: getElementById():根据id属性值获取元素对象。id属性 阅读全文
posted @ 2022-11-19 14:30 monkey大佬 阅读(143) 评论(0) 推荐(0)
摘要: 案例_自动跳转首页 分析: 1.显示页面效果 <p> 2.倒计时读秒效果实现 定义一个方法,来获取span标签,修改span标签体内容 定义一个定时器,1秒执行一次该方法 3.在方法中判断时间如果小于0则跳转页面 <head> <meta charset="UTF-8"> <title>案例_自动跳 阅读全文
posted @ 2022-11-19 11:46 monkey大佬 阅读(57) 评论(0) 推荐(0)
上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 44 下一页