上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 45 下一页
摘要: Bootstrap案例_旅游网 <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi 阅读全文
posted @ 2022-08-05 16:01 魔光领域 阅读(113) 评论(0) 推荐(0) 编辑
摘要: Bootstrap组件导航条&分页条&轮播图 <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n 阅读全文
posted @ 2022-08-05 15:11 魔光领域 阅读(54) 评论(0) 推荐(0) 编辑
摘要: Bootstrap_全局CSS样式_按钮&图片&表格&表单 全局CSS样式: 按钮:class = “btn btn-default” 图片: class=“img-responseive”:图片在任意尺寸都占100% 图片形状 <img src="..." alt="..." class="img 阅读全文
posted @ 2022-08-05 14:38 魔光领域 阅读(40) 评论(0) 推荐(0) 编辑
摘要: Bootstrap_栅格系统_入门 响应式布局: 1.同一套页面可以兼容不同分辨率的设备 2.实现:依赖于栅格系统:将一行平均分成12个格子,可以指定元素占几个格子 3.步骤: 1.定义容器。相当于之前的table 容器分类: 1.container:两边留白 2.container-fluid:每 阅读全文
posted @ 2022-08-05 13:48 魔光领域 阅读(42) 评论(0) 推荐(0) 编辑
摘要: Bootstrap_概述 1.概念:一个前端开发的框架,Bootstrap,来自Twitter,是目前很受欢迎的前端框架。 Bootstrap基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷 框架:一个半成品软件,开发人员可以在框架基础上, 阅读全文
posted @ 2022-08-05 11:50 魔光领域 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 案例_表格全选 (1)实现全选、全不选、反选按钮功能(2)实现点击第一行按钮,会同时控制其余三行按钮(3)实现鼠标移到哪一行,哪一行背景颜色变为红色 注意:(1)先加载整个页面:onload = function () {}(2)复选框 checkbox,选中和未选中靠属性checked控制 <!D 阅读全文
posted @ 2022-08-04 15:10 魔光领域 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 事件_概述 事件监听机制: 概念:某些组件被执行了某些操作后,触发某些代码的执行。 事件:某些操作。如:单击,双击,键盘按下了,鼠标移动了 事件源:组件。如:按钮 文本输入框... 监听器:代码。 注册监听:将事件,事件源,监听器结合在一起。当事件源上发生了某个事件,则触发执行某个监听器代码。 常见 阅读全文
posted @ 2022-08-04 13:22 魔光领域 阅读(39) 评论(0) 推荐(0) 编辑
摘要: HTMLDOM_innerHTML <body> <div id="div1"> div </div> <script> var div = document.getElementById("div1"); var innerHTML = div.innerHTML; //div标签中替换一个文本输 阅读全文
posted @ 2022-08-04 10:14 魔光领域 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 添加: 1.给添加按钮绑定单击事件 2.获取文本框的内容 3.创建td,设置td的文本为文本框的内容。 4.创建tr 5.将td添加到tr中 6.获取table,将tr添加到table中 1.确定点击的是哪一个超链接 onclick="delTr(this);"2.删除 removeChild(): 阅读全文
posted @ 2022-08-04 09:35 魔光领域 阅读(50) 评论(0) 推荐(0) 编辑
摘要: DOM_Element对象 removeAttribute():删除指定的属性 setAttribute():添加新属性 <!--Element对象--> <a>点我试一下</a> <input type="button" value="给a标签设置属性" id="btn_set"> <input 阅读全文
posted @ 2022-08-03 17:24 魔光领域 阅读(39) 评论(0) 推荐(0) 编辑
上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 45 下一页