- 博客(19)
- 收藏
- 关注
RSS订阅原创 对话框
然后创建一个行tr出来加入到tbody中，一个列加入到行中，关键词 append userName appendTo，然后就是清空，userName tt 加val("")。tb在设置一个边框1px，然后在添加一个tbody id为tbd里面添加一个tr和td，在设置一个div里面添加两个input标签 第一个id为userName第二个是btn，在给一个文本框。记得引入插件，然后在他的下面script标签里面写页面加载，先绑定一下。首先在body给一个table表格，设置id为。...
2022-08-17 19:08:16
100
1
原创 DOM节点的操作
一个ul标签在设置一个id为list，写上四个li标签，其中第二个li标签添加上class类为。delBtn 然后添加一个选择器为querySelector，然后获取到list插入一个。这个按钮.click点击之后，创建换行和添加子节点 然后添加文字，然后绑定到。delLi然后在给后面添加span标签 并添加颜色为红色，字为delLi。然后在他的下面script标签里面写页面加载，然后我们先做添加，先绑定一下。appendChild，然后在写删除。delBtn删除然后添加。list然后插入元素为。...
2022-08-07 19:00:00
136
原创 动画相关方法
以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔。这是我所学到的动画相关方法，所以我要分享给你们，希望可以帮助到你们。首先在body设置一个button，设置两个id为btn1是。在设置一个id为div1里面添加h1标签和p标签。隐藏一个是btn2为。在设置一个btn3为。...
2022-07-27 19:06:10
50
原创 按键改变颜色
先写一个页面加载事件，键盘按下事件在我们jq是keydown然后一个参数e然后打印里面写e.keycode就好了，然后写一个switch括号里面写e.keycode就好了。然后在写case65(这个代表的是键盘的键码)然后就设置它的背景颜色在到后面写一个break，然后多写几个出来改变后面的颜色就好了。先写一个div标签，然后给它一个id，再把style写好在导入js。...
2022-07-21 10:12:28
195
原创 评分案例
点击设置当前this的自定义属性，index它的值为1，当这个做标记其它的都取消，（为鼠标离开做准备），找到它的兄弟sibling里面的li标签然后移除这个自定义。鼠标离开，要先找到所有的li标签通过自定义属性找到，然后设置它的text文本为实心的五角星然后它前面的也要为实心的，在设置后面的为空心的。设置当前this的星星变成实心的，然后设置它前面的li标签也为实心的，后面的所有的li标签为空心。写一个页面加载，获取到类commet里面的所有的li标签，然后做一个鼠标移入事件，...
2022-07-21 10:07:24
46
原创 网页开关灯
先写一个页面加载，做按钮点击绑定点击事件，然后获取body，判断body是否有这个类，如果有就得移除，如果没有就添加。（还有一个更简便的发现方法如下）先写一个页面加载，然后获取到button按钮的idbtn然后做点击，点击事件里面获取到body，先写一个input标签，然后给它一个id，再把style写好在导入js。先写一个input标签，然后给它一个id，再把style写好。找到btn注册点击事件，然后找到body，然后使用一个类。（toggle切换类）...
2022-07-21 09:56:25
135
原创 动画隐藏显示
2.在tilte标签给一个style标签里面div宽为400像素，img宽高为90像素，在style下面给一个script标签倒入一个插件 3.在script下面在给一个script标签，页面加载$(function(){}，然后点击第一个按钮，隐藏，找到第一个按钮的id然后给他注册点击事件 $("#btn1").click(function(){}，我们要img隐藏，隐藏的时候我们是从最后隐藏的，我们要选择最后一个last是最后的意思，找到他之后就有注册隐藏的函数一个隐藏动画hide，那么时间300，动画
2022-06-16 21:22:24
172
原创 一次性定时器
先写div，在把style样式写出来。接下来写js， 先获取到box，然后申明一个变量num=1，接着写一个封装的函数，输出num的值，还要执行num++，后面通过开始按钮加上onclick绑定点击事件 然后接着清除利用setTimeout返回的id值去清除掉，然后在申明一个变量然后留空，然后在写一个封装函数然后在里面写上clearTimeout(timer);然后通过暂停来触发它。原代码：效果图：...
2022-05-25 19:06:40
94
原创 分数的等级划分
通过一个prompt输入一个分数，然后通过一个var申明一个变量num。接下来if判断num的值，通过alert输出，到最后条件不满足的话，就直接给一个alert不用加判断了。原代码：效果图：（随便输入数字）...
2022-05-17 16:45:59
124
原创 通过事件操作页面
通过一个div去给它写一个大的盒子出来先，然后给它一个"set-con"类，里面就分为两个div就可以了，一个"left-div"(左边的盒子)，"right-div"(右边的盒子)。接着我们通过内部样式，首先我们先把大的盒子规划出来，给大盒子设置("set-con")，宽、高、圆角、外边距。里面的话我们写("left-div")的宽、高，因为我们右边的盒子右边一条边框所以我们还要设置边框border-rigth;那我们这一个地方就大概的划分出来了，划分出来后我们就开始往左边的.
2022-05-07 19:08:17
56
原创 表格
表格：使用Bootstrap使用表格的文档和示例（表格样式及响应式优先于BootStrap全局的其它JavaScript事件）。行悬停效果两种效果：将.table-hover定义到<tbody>上，可以产生行悬停效果（鼠标移到行上会出现状态提示）。Heda表头处理；与预设的反转样式相似，使用.thead-light或.thead-dark中的一个样式，就能使<thead>区显示出浅黑或深灰...
2022-04-28 09:07:16
1117
原创 表单
表单控件：文本控件（如<input>、<select>、<textarea>）统一采用.form-control样式进行处理优化，包括常规外观、focus选（点）中状态、尺寸大小等。表格式排列：你也可以使用.form-row来取代.row（它们二者很多时候可以互换使用），因为.form-row提供更小的沟槽缝隙。还可以使用栅格系统建立更复杂的布局...
2022-04-28 08:58:06
58
原创 轮播效果
这是一个循环滚动的幻灯片组件，可以使用文本、图象水平不间断滚动，如同旋转木马一般。工作原理：轮播效果是一个幻灯片效果，使用CSS 3D变形转换和一些JAvaScript构建一内容循环播放，它适用于一系列图像、文本或自定义标记，还包括对上一个/下一个图的浏览控制和指令支持。经典幻灯片效果包含字幕的轮播在.carousel-item中使用.carousel-caption添加字幕到您的轮播控件中，如果是输小的浏览器viewport上，会自动隐藏（隐藏文字呈现主图片轮...
2022-04-28 08:43:03
1297
原创 按钮
Bootstrap的.button样式也可以使用于其它元素，比如<label>HTML组件上，从而实现单选、复选效果。添加data-toggle="buttons"到.btn-group下的元素里，来启用它们的样式切换。复选框：单选框：按钮标签：.btn可以在<button>元素上使用，您也可以在<a>、 或<input>元素上使用這些 Class，同样能带来按钮效果（在少数浏览器下会有不同的渲染变异）。...
2022-04-28 08:34:55
48
原创 JavaScript介绍和使用
JavaScript介绍：JavaScript是一门脚本语言。计算器中除了脚本语言还有一下几种语言，这里我们总结一下：汇编语言、脚本语言、机器语言、高级语言。以下语言我们只需要认识脚本语言。脚本语言的特点：对比其他类型语言编程速度更快，不需要编译、简单、易学、易用、灵活性高。当然这样的灵活性也是有牺牲的，他的运行速度相对于其他的语言可能更慢，运行更消耗资源。如下图：它的提示框出来了但是它的html语言没有显示出来。因为它的消耗比较大，所有它需要刷新..
2022-04-27 21:27:21
904
原创 鼠标事件
单击事件：先给一个盒子，在到style里面设置样式。先获取一下元素，我们可以通过类来获取也可以通过querySelector获取一下('div')选择器获取第一个匹配的值，因为我们只给了一个div，所以它会获取到box，获取到box之后我们就给它一个单击事件onclick，单击之后，就可以在页面当中弹出一个单击事件了。点击一下正方形就会弹出一个单击事件，效果如下：鼠标按下事件：先注释单击事件，然后给它一个onmousedown，在...
2022-04-27 21:16:13
130
原创 换肤案例
首先我们在父盒子里面放一个<ul></ul>在往里面放<li></li>标签然后获取图片。先设置父盒子body的样式，我们给body设置了第一张默认图片、背景大小，在设置子盒子images的宽、高，然后在获取子盒子里面的img设置宽、高、方向、圆角。通过一个imgs的一个变量来装我们页面的img图片然后通过querySelector找到imgs 然后在通过querySelectorAll找到img，去做一个遍历的时候数...
2022-04-27 21:03:55
53
原创 flex布局
我们借助flex布局来完成这个案例，父盒子box里面给三个子盒子item。首先我们先给父盒子设置样式，我们需要设置高、宽、外边距、内边距、背景颜色、圆角、Box-shadow是阴影部分需要注意的是inset是内阴影设置，直接给一个display:flex;justify-content: space-between;项目在主轴上的对齐方式，还要达成效果的话那么就需要单独某一个盒子，第二个盒子单独设置align-self: center;（居中），第三个盒子设置align-sel...
2022-04-27 20:53:50
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人