- 博客(31)
- 收藏
- 关注
原创 使用vs完成小功能
Css样式Body部分导入一条js编写script结果如下鼠标点击文字后,再点击红色圈按钮,就会实现文字移动如果点击蓝色圈按钮,则会实现所有文字移动
2021-08-05 21:01:16
178
原创 2021-07-07
使用js完成样式小功能使用HTML CSS制作样式:HTML:CSS:来到js部分输出结果如图修改宽度,高度,背景色,边框,圆角变可以输出图形结果
2021-07-07 09:57:58
52
原创 2021-06-28
使用jq完成样式小功能使用HTML制作样式:HTML:代入样式Jq样式:结果如图修改宽度,高度,背景色,边框,圆角变可以输出图形结果
2021-06-28 10:51:43
49
原创 2021-06-06
制作动态气球漂浮下面制作HTML CSS部分,HTML:CSS:Js部分:设置元素样式的函数结果如图制作动态气球漂浮效果便完成了
2021-06-06 09:59:11
50
原创 2021-06-06
制作排行榜下面先制作HTMLCSS部分HTML部分:CSS部分:来到js部分内容部分折叠内容如图所示动态创建元素结果如图当鼠标移入时,如图制作排行榜便完成了
2021-06-06 09:55:39
45
原创 2021-06-06
制作回到顶部下面先用HTML CSS制作样式,如图HTML部分,代入图片CSS部分无js结果如图来到js部分文档根节点HTML的可视高度获取回到顶部按钮变量记录滚动条滚动触发机制绑定滚动条滚动事件:回到顶部按钮点击事件:查看结果当滚动条拉到该位置时,便会显示回到顶部图标,点击图标就会回到顶部回到顶部案例便完成了...
2021-06-06 08:02:46
35
原创 2021-05-26
制作跟随鼠标移动先用HTML CSS 制作样式来到js部分处理兼容性问题,IE8以及之前版本的浏览器获得浏览器相对于当前窗口在水平&垂直方向上的位置获取滚动条位置设置图片位置制作跟随鼠标移动的效果便完成了...
2021-05-26 19:19:47
30
原创 2021-05-25
制作鼠标拖动图片效果 首先,先用HTML CSS制作样式鼠标拖拽分为3个部分:1.当鼠标在元素上方按下时,拖拽开始(onmousedown)2.当鼠标移动时元素跟随鼠标移动,拖拽进行中(onmousemove)3.当鼠标松开时,拖拽停止,元素固定在最后所在位置(onmouseup)来到js部分,先获取元素1.鼠标按下部分计算鼠标与盒子左侧和上方的距离左侧距离 = 鼠标水平坐标-盒子左侧偏移距离(offsetLeft)、上方距离 = 鼠标垂直坐标-...
2021-05-25 20:30:23
87
原创 2021-05-25
制作按钮移动首先,用HTML CSS设置样式,如图HTML:CSS:来到JS部分,先获取div部分设置移动速度与移动方向绑定按钮加上一点点细节使div等于keycode的值当鼠标松开时,停止移动(如果不写会造成无法停止移动的效果)由于不会做动图,便不剪切结果图点击上下左右方向键便可以移动...
2021-05-25 20:27:44
27
原创 2021-05-16
制作表盘时钟先用HTML制作样式,如图再编写CSS来到js部分绑定时钟的表盘数字绑定表盘的时`分`秒输出结果再来看看结果制作表盘时钟就完成啦
2021-05-16 16:29:17
62
原创 2021-05-16
制作倒计时先用HTML CSS 设置样式来到js部分先绑定按钮设置按钮,编写好开始停止,先获取当前时间倒计时的重要性,就是要倒计时到什么时候,设置倒计时截止时间获取截止时间和当前时间的时间差定义好变量判断剩余时间加上一点点细节,数值只有个位数时,前面补0将时间赋值div中,输出结果再来看看结果制作倒计时就完成啦...
2021-05-16 11:18:27
34
原创 2021-05-16
制作计时器先用HTML CSS设置样式代码如图来到js,先绑定按钮设置按钮,编写读取本地时间再设置一点点细节输出结果然后再来看看结果开始前开始后计时器效果就完成啦...
2021-05-16 11:15:52
34
原创 2021-05-09
如何制作选项卡下面先用HTML CSS编制框架 如图所示如图·,已经编制好HTML CSS,再加入一下js各种样式已经编制好了,之后再看看结果这样,这个选项卡就完成了
2021-05-09 19:58:03
33
原创 2021-05-09
点击变化背景颜色下面先用HTML CSS ,如图然后再加入一句js然后再加入JQ样式最后结果如图点击带颜色的方块就可以变化body的颜色啦
2021-05-09 19:12:43
39
原创 2021-05-01
模拟手机聊天~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术: HTM...
2021-05-02 15:53:26
42
原创 2021-04-27
调试震惊,一名外国小伙居然没有打碎玻璃沾苹果吃,小编在这里表示震撼awsjk.chj dhsilouvgh sdzuilofghv asweou9uydf iu9qWGHD8UYQWT 7D8YQW U79FGHHJFDTSD5T7RY8FYUFYUFYFGYUTDFTYERT7Fc mirud9qwudqwhf893u0d89u qcqwudq jwd\cwecui9hjcjiajci jcnacfnajdcajwdocxjaciw...
2021-04-27 16:26:35
43
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人