- 博客(8)
- 收藏
- 关注
RSS订阅原创 Css手风琴效果
这次给大家带来一个css手风琴小案例。先把HTML框架打出来，放三个div标签，里面分别包含ul和li标签，然后在给他们设置类名。把大div盒子和里面一个单独div设置样式。再把内部div和ul和li设置样式。下面展示效果。...
2022-05-29 19:49:53
1170
原创 JavaScript通过事件操作页面
这次来做一个JavaScript通过事件操作页面的小案例。先把html框架敲打出来，一个大的div标签包含两个小的div标签，第一个小的div标签里面包含六个input标签，第二个小的div标签里面放个显示内容的div。然后把这里有关的html样式代码打出来。先获取第六个input标签的id，然后给它绑定点击事件，再在事件里面获取到其他的所有id，最后在把获取到的id添加赋值box id上就可以了。下面是效果展示。...
2022-05-19 15:17:52
181
原创 JavaScript图片跟随鼠标移动
把小电视图片img标签里面。因为这关于js移动所以要给img设置一个定位。这里我们没有给img标签设置到id，用一个新方法querySelector获取指定标签。下面就是给img绑定鼠标移动事件，声明和获取到水平坐标和垂直坐标的属性。、然后再调用到img标签改变相对位置（X是left水平方向）（Y是top垂直方向）就好了。以下是效果图。 ...
2022-05-08 20:38:27
798
原创 JavaScript聊天器
哈喽啊~羽过又分享一些好玩的JavaScript知识了，这次是JavaScript聊天框架，就是类似于QQ聊天框架，好了，废话不多说敲代码！ 还是老样子创建好文件夹。然后用HTML和scc搭建好聊天器框架。搭建好后HTML和scc样式后的页面。5.搭建好聊天框架后就开始JavaScript样式了，事先获取windom页面加载事件。6．然后在通过刚刚在HTML给的id获取7.给按钮绑定点击事件，在绑定事件里面获取wbh2，wbh3的input值，敲打一个if语句..
2022-04-28 16:08:54
1284
原创 Css动画效果旋转卡牌
这次我们来实现一个用css动画效果敲打出来一个旋转卡牌的小案列。 首先把img图片框架敲打出来，给它一个div标签，里面包裹六个img标签。放进去图片之后，然后给图片设置一下css样式。设置transition动画过渡时间，和transform-origin以那个方位为原点。然后设置每一图片在指定时间内完成指定操作，这里我一共设置了六张图片，每张图片设置为60deg，刚刚好六张可以到360°刚好完成一圈。下面就是展示效果。7.上面就是我所学到的css小部分知识，还有更好的
2022-03-28 20:50:21
1102
原创 图片显示隐藏效果
1.首先把html框架搭建出来，有两个button按钮标签，一个img标签，然后给他们设置上class和id，方便敲打样式和后面的js效果。2.img的样式可以把图片调整大小给它设置一个宽为1280px，高为720，下面那个是按钮的光标效果。3.然后获取图片和按钮。4.继续给按钮绑定点击事件，然后把获取到的图片放到两个按钮里面，在sss按钮添加一个点击隐藏属性，再给aaa按钮中添加一个点击显示属性。5.完成后效果展示。...
2022-03-16 15:49:36
1288
原创 定时器的作用
1首先我们还是要养成好习惯，先创建一个属于这个案列的专属文件夹，然后取名为该案列名字，里面再创建属于各个的存放该代码的文件夹2开始在vs软件操作代码，首先要把HTML框架敲打出来。给它设置一个类class里面设置三个span标签表示时间三个数数字显示，下面给它设置一个无序列表，无序列表里面设置一个span标签一个img标签，给这些标签添加id后面js代码要获取它们属性。3. 继续给这些框架敲打css样式代码，首先给给页面添加一个背景图片，然后把三个span标签设置样式，还有无序列表里面的span..
2022-03-13 15:01:37
943
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人