魔光领域 - 博客园

2022年8月5日

摘要： 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组件导航条&分页条和插件轮播图

摘要： 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 魔光领域阅读(56) 评论(0) 推荐(0) 编辑

Bootstrap_全局CSS样式_按钮&图片和表格&表单

摘要： Bootstrap_全局CSS样式_按钮&图片&表格&表单全局CSS样式：按钮：class = “btn btn-default” 图片： class=“img-responseive”：图片在任意尺寸都占100% 图片形状 <img src="..." alt="..." class="img 阅读全文

posted @ 2022-08-05 14:38 魔光领域阅读(41) 评论(0) 推荐(0) 编辑

Bootstrap_栅格系统_入门和栅格系统_注意事项

摘要： Bootstrap_栅格系统_入门响应式布局： 1.同一套页面可以兼容不同分辨率的设备 2.实现：依赖于栅格系统：将一行平均分成12个格子，可以指定元素占几个格子 3.步骤： 1.定义容器。相当于之前的table 容器分类： 1.container：两边留白 2.container-fluid：每阅读全文

posted @ 2022-08-05 13:48 魔光领域阅读(45) 评论(0) 推荐(0) 编辑

Bootstrap_概述和Bootstrap_快速入门

摘要： Bootstrap_概述 1.概念：一个前端开发的框架，Bootstrap，来自Twitter，是目前很受欢迎的前端框架。 Bootstrap基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷框架：一个半成品软件，开发人员可以在框架基础上，阅读全文

posted @ 2022-08-05 11:50 魔光领域阅读(81) 评论(0) 推荐(0) 编辑

2022年8月4日

案例_表格全选和表单检验

摘要：案例_表格全选（1）实现全选、全不选、反选按钮功能（2）实现点击第一行按钮，会同时控制其余三行按钮（3）实现鼠标移到哪一行，哪一行背景颜色变为红色注意：（1）先加载整个页面：onload = function () {}（2）复选框 checkbox，选中和未选中靠属性checked控制 <!D 阅读全文

posted @ 2022-08-04 15:10 魔光领域阅读(35) 评论(0) 推荐(0) 编辑

事件_概述和事件_常见事件演示

摘要：事件_概述事件监听机制：概念：某些组件被执行了某些操作后，触发某些代码的执行。事件：某些操作。如：单击，双击，键盘按下了，鼠标移动了事件源：组件。如：按钮文本输入框... 监听器：代码。注册监听：将事件，事件源，监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器代码。常见阅读全文

posted @ 2022-08-04 13:22 魔光领域阅读(60) 评论(0) 推荐(0) 编辑

HTMLDOM_innerHTML和HTMLDOM_样式控制

摘要： 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) 编辑

2022年8月3日

DOM_Element对象和DOM_Node对象

摘要： DOM_Element对象 removeAttribute()：删除指定的属性 setAttribute()：添加新属性  <a>点我试一下</a> <input type="button" value="给a标签设置属性" id="btn_set"> <input 阅读全文

posted @ 2022-08-03 17:24 魔光领域阅读(39) 评论(0) 推荐(0) 编辑

pty

公告