- 博客(19)
- 收藏
- 关注
RSS订阅原创 进度条事件
1.Progress进度条组件由两个HTML元素、一些CSS宽度设置以及一些属性构建。我们不使用 HTML5 元素，确保用户可以方便的平行堆叠进度条、加上动态效果，并在共上放置文本标签。2.使用 .progress 容器来指定进度条的最大值。3.使用 .progress-bar 来表示当前的进度。4.progress-bar 要求的内嵌样式，使用全局实用CSS或自定义CSS来设置其宽度。5.progress-bar 还需要一些 role and 与属性，使其访问友好（无障碍）。把它们组...
2022-06-19 09:53:20
280
原创 导航栏样式
本周的话就分享一下这个导航栏。 1.导航栏需要使用.navbar 来定义，并使用 用于响应式布局以及使用配色方案Class 。 2.导航栏默认内容是流式的，使用 containers容喇来限制它们的水平宽度。使用我们提供的 间隙间距 和 flex 布局 classes 来定义导航栏中元素的间距和对齐。 3.Navbars导航栏默认支持响应式，在修改上也很容易，你可以使用轻松的来定义它们-这取决于我们提供的 JavaScript 插件。 4.打印时，导航栏默认隐藏。如果需要打印显示，可以加入.d-print
2022-06-08 20:00:46
836
原创 下拉菜单样式
本周的话就分享几个按钮的样式，分列式，方向向左，向右等等几个小样式。 1.分裂式按钮下拉菜单：同样，可用与单个按钮下拉菜单近似的标记创建分裂式下拉菜单，注意添加了.dropdown-toggle-split-插入此符号为下拉选项作适当的间隔（距）处理。 2.我们使用这个额外的Class样式，将插入符号两边水平padding减少了25%，并移除了为默认下拉菜单添加的margin-left属性，这些额外的更改将插入符号集中在分裂式按钮中，并在主按钮旁边提供了适合的点击空间。...
2022-05-29 09:31:02
883
原创 下拉菜单（Dropdown）
概括：弹出菜单是可触发的、上下文叠加显示链接列表和别的内容。它们可以与Bootstrap内置的弹出菜单JavaScript插件交互。通过点击触发，而不是通过鼠标悬停悬浮，这是一种设计思维。单一按钮的下拉菜单1.任何一个.btn块都可以定义变更为下拉菜单，下面是两个使用<button>元素做下拉菜单的示例。2.点击这个按钮的话就会弹出下拉框以下<a>标签里的字段。3.当然除了用<button>元素来做下拉框之外还可以使用<a>...
2022-05-18 17:11:31
3942
原创 BootStrap 卡片
1.卡片作为一个新式引入到BootStrap 4中，可能样式、标记和扩展属性不会很多（未来会不断扩充发展），但它仍然可以提供许多控制项和定义方法，由于我们使用了flex弹性布局，使得它们可以轻松对齐、并方便的与其它Bootstrap组件混合搭配使用。 2.下面是一个具有混合内容并固定了宽度的基本.card卡片使用范例，如果.card卡片如果没有定义宽度，将自然地填满父元素的全宽-利用这个属性，我们可以轻松的订制各种尺寸的卡片。3..这个是卡片的代码，width就是设置容器的...
2022-05-08 20:32:25
861
原创 按钮组案例
1.下面我们就开始做一个按钮组2.这是一个小案例，大家按照代码敲就能实现了。3.将一系列的.btn包裹在.btn-group内，并使用我们提供的插件，可以实现选择按钮、选取块状区的行为功能。4.根据需要使用样式定义，对按钮进行群组、间隔等定义，将按钮组的组合组合成为更复杂组件的按钮工具栏。5.定义大小缩放，不需要将按钮中每个子素都逐一定义，只需在.btn-group-*中增加.btn-group-*，就能作用于组下的每个子按钮，实现样式缩放6.将....
2022-04-28 09:58:48
267
原创 layui表格
首先，来获取和使用layui。Layui是做表格的必备。这边是加载和初始化layui模块。声明layui。Table就是表格这里是渲染表格，将我们需要的数据写进table表格中。这里是做表格中的表头数据，这里已经写好了他们的表头数据的位置以及内容。这里就是连表查询了。链接数据表格。获取数据库表格中的数据，然后在页面上显示出来。比如用户名字用户id等等都可以在数据库表中查询出来。设置每页显示行数以及每页显示的数据条...
2022-03-28 20:03:58
1318
原创 改变元素背景颜色
这次是一个DW的小案例，改变网页背景颜色。首先是html的代码。 在body标签中创建6个div 然后分别给他们一个class类。 类名可以自己更改。然后再给一个p标签。 4.下面是css的代码， 5.首先是给页面一个0px值，防止页面出现不匹配的现。 6. *这个符号是选中全部标签的所以不用一个个去设置。 7. 然后给在最外面的div设置一个宽高，保证里面的p标 和div标签可以正常显示就可以了。 ...
2022-03-20 08:39:28
1532
原创 顶部按钮1
下面我们开始用dw做一个小测试 首先 先用css写好样式，比如背景，按钮大小等等 数值可以按照图片上的设置也可以自行更改 这个图的css主要是设置盒子四边的样式，改变光标。 houer这里再给盒子添加颜色正在上传…重新上传取消在html里获取数据 用if语句判断页面高度，如果页面高度超过500 回到顶部按钮就会显示出来，否则的话就不会显示. 还有当网页向下滑动20px值就会出现按钮，数值可以自行更改。 最后就是当按钮出现点击就可以
2022-03-09 19:59:21
304
原创 改变元素样式
下面是我用DW做的一个小样式今天分享给大家 如图所示，这个是一个html页面的代码 主要是一些div的样式，比如设置宽度高度之类的 Input的标签就是在页面设置文本框，按照这个样式写就好了。5.下面这个是css的样式6.设置文字，红色正方形和文本框在页面上的位置。颜色，宽高，字体大小等等7.这是js的代码8.写一个页面加载事件9.获取元素id然后绑定点击事件1...
2021-08-08 11:02:51
84
原创 查询 html页面
下面我们来看一下用vs做的查询功能 首先看一下html的代码3.这边我们先做一个layui的一个表格，也就是在页面上显示的图表的表头4.首先先初始化layui模块5.Elem就是获取id cols就是开始写表头数据6.然后渲染数据表，这个做的是表头啊按照代码去写就好，没什么难度7.然后在绑定图书名称和图书类型的下拉框，获取id然后写一个路径就好了8.自定义表这个省略这是做修改的。9.条件查询就是根据id获取val中的内容10就是重载表格基本就这样了.
2021-08-01 09:33:50
2336
原创 查询控制器
下面我们来看一下用vs做的查询功能 首先看一下控制器的代码3.先用连表查询从数据库中查找信息4.然后到查询条件 意思就是模糊查询中的关键词，比如用户名，作者名字之类的5.我这里写的比较多，全面一点。这个查询条件可以按照自己的意思去做。6.这边就到数据筛选了，就是在模糊查询中输入的词语会经过这里的筛选然后返回数据到linqBook中。7.然后就是统计数据，进行分页操作这个比较简单就不细说了。8.构建返回页面的数据就可以了，就能在页面中查询到数据。9.当然还有htm.
2021-08-01 09:21:31
360
原创 回到顶部1
下面开始使用DW来做运算符。下面我们开始用dw做一个小测试 首先 先用css写好样式，比如背景，按钮大小等等 数值可以按照图片上的设置也可以自行更改4.在html里获取数据5.用if语句判断页面高度，如果页面高度超过5006.回到顶部按钮就会显示出来，否则的话就不会显示。...
2021-06-28 10:52:05
182
原创 DW运算符
下面开始使用DW来做运算符。我们用DW做一个简单的运算符，只需用到js就行。 看图片，首先第一个先把岁数设置为19 然后列一个式子年龄是否大于18，最后用if语句来进行一个判断 “yes”的话会弹出一段话“恭喜你已成年”。如果是“no”的话则会弹出“未成年！”。最后就是在页面是呈现的效果了...
2021-06-20 08:58:48
570
原创 DW气球事件
下面开始使用DW来做气球事件。1.首先，先创建一个html。然后在<body>中放入图片，随便什么图片都行，自己喜欢就好。2.如图所示3.写完html部分后就到css样式了。4.在Css里可以设置图片的样式，比如图片的大小，透明度之类的5.如图6.设置完样式后，便到了核心部分了7.Js里设置动画的播放，以及调整图片出现的时间，位置，8.图片出现的速度等，最后让他循环就可以了9.最后便是...
2021-06-08 10:01:36
134
原创 jq选择器
JQ选择器开发工具与关键技术： Dw、MVC、jq作者：撰写时间：2021/5/28简介 jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的"写的少，做的多"的 JavaScript库。jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。1. $(selector).action() 2. 或者 jQuery(selector).action()说明： $ 美元符号定义 jQuery选择符（sel...
2021-05-30 10:10:24
294
原创 2021-05-18
HTML DOM Event 键盘事件开发工具与关键技术： Dw、JS作者：撰写时间：2021/5/8首先先了解一下JS JS的全称是 JavaScript JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。Event 对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件...
2021-05-18 14:53:18
192
原创 2021-05-08
JS显示时间~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： Dw、JS作者：撰写时间：2021/5/1首先先了解一下JS JS的全称是 JavaScript JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是脚本...
2021-05-08 09:11:02
129
原创 2021-04-29
DW基础知识 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工...
2021-04-29 10:08:27
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人