自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 按键改变背景颜色

按键改变背景颜色

2022-06-20 15:02:23 208 1

原创 键盘事件(键盘控制元素移动)

这次我们来写一个键盘事件(键盘控制元素移动)的案例,就是当你按下上下左右键的时候,页面中的元素会根据你所按的方向进行一个移动HTML部分首先我们先设置一个div(元素)CSS部分然后我们为设置好的元素添加CSS样式使其能在页面中显示出来(可根据自己的需求调整样式)JavaScript部分JS部分首先我们先写一个页面加载事件,然后通过TagName获取div,这时并为完全获取到div,我们要在其后面加上[i](div的索引值)才能获取到,然后我们绑定键盘抬起事件,并在后....

2022-06-20 15:00:01 365

原创 点击按钮创建列表

点击按钮创建列表

2022-06-09 14:45:16 355

原创 画星星js

代码JavaScript部分这次的代码直接从js开始,首先我们先写一个for循环,然后在for循环里面嵌套一个for循环在第二个for循环里面输出一个星星,然后在第一个for循环中输出一个换行,实现随着行数的增加每一行都会比上一行多一个五角星<script> //三角形的---五角星----随着行数的增加,每一行都会比上一行多一个五角星 // 提示:document.write("★");换行: document.write("<br...

2022-05-26 14:54:02 614

原创 下拉列表菜单(JQ)

跟据直接的需要设置好html样式和css样式,我们的重点在于后面的JQ前面就不细讲了,JavaScript部分<scriptsrc="~/Content/js/jquery-3.2.1.min.js"></script><script>$(function() {//mouseenter:鼠标进入事件//mouseleave:鼠标离开事件...

2022-05-16 19:27:35 464

原创 点击按钮切换复选框选中

HTML部分首先我们需要设置好需要两个input标签,将一个的类型设置为button按钮,另一个设置为checkbox复选框并为它们分别设置好id;JavaScript部分首先我们需要引入jq的文件,再写上一个页面加载事件,然后获取按钮的id并为其绑定点击事件在点击事件里进行一个判断,如果复选框为选中的时候那么点击按钮的时候它将被取消选中,否则将执行下面的代码;总结;这次的代码主要了解的是prop()和if判断的用法,只要掌握好了,完成这次的代码并不难,有些地方可能讲的不是太对...

2022-05-07 15:00:26 883

原创 比较大小(简易版)

代码HTML部分首先我们需要创建好两个文本框(input),select选择器(用于装比较符号)和一个“进行计较”的button按钮并为它们每个元素添加上id,在选择器里添加三个符号大于小于等于并将它们的属性也改为大于小于等于JavaScript部分首先我们获取到按钮并为它绑定元素,然后获取第一个和第二个文本框还有选择器并声明一个参数sum为0;使用switch语句进行函数,在case”>”(就是选中”>”的意思,)写一个if事件当value1 == value2的时...

2022-04-28 15:27:05 2335

原创 用JQ方法写显示隐藏方块

代码首先我们先创建好显示,隐藏的button按钮还有需要隐藏和显示的元素div其次为我们的div元素添加上自己喜欢的样式然后我们需要引入外部样式jquery,再写一个页面加载事件,然后绑定显示按钮然后获取到div并为其添加show()显示属性并在里面写上需要执行的时间和回调函数,绑定隐藏按钮和绑定显示按钮的方法一样只是显示的是show()隐藏的是hide()总结;这次的案例是以JQ的方法来写显示和隐藏方块这种方法相比之前的要更加简单,这次的重点在于掌握hide()和show()的使..

2022-04-28 11:00:10 1283

原创 简易版计算器

这次我们来写一个简单的计算器案例代码部分HTML部分首先设置一个基本样式,把我们需要的“计算”按钮,“+-*/”四个计算符合,三个文本框准备好(两个用来输入数字进行计算,一个用来接收计算出来的结果),再为三个文本框和操作符写好id,方便后面使用JavaScript部分首先我们先获取“计算”按钮,再为它绑定点击事件,在点击事件里面获取操作符(op)和前面两个文本框(num1,num2)的内容属性取名为op,value1和value2,并且声明一个空值为sum用于接收计算结果;再用sw.

2022-03-27 20:05:21 3273

原创 页面换肤(点击事件)

今天我们来写一个页面换肤的案例,就是我们点击哪个颜色页面就变成那个颜色;代码HTML部分首先我们要设置好HTML部分的内容(方块按钮,文字,图片等),并且为写好的内容添加好所需的类名,id名,方便后面的使用。CSS部分到了CSS部分,我们需要把刚才写好的代码添加CSS样式,如:外框的样式,字体的样式,方块的样式,以及我们需要改变的颜色。JavaScript部分最后到我们的JS部分,首先我们要为刚才的写好的按钮,页面进行一个元素获取,然后为方块按钮绑定点击事件,使其点击...

2022-03-16 16:51:58 1526

原创 改变方块样式

改变方块样式

2022-03-13 08:33:52 1719

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除