- 博客(19)
- 收藏
- 关注
原创 H5+CSS+JS制作好看的轮播图
在这段代码中,#slide的地方用于存放轮播图片和图片上的文字介绍,可以直接写成纯静态的卡片,也可以使用JS动态读取数据,动态生成卡片,完整的轮播结构应该如下(纯静态卡片可以按照下面的代码直接用),对于按钮来说,可以自己选择喜欢的按钮放在这里就行,调整切换按钮位置从CSS处调整即可。找到ID为#slide的容器,并将最后一个.item元素(即lists[lists.length - 1])移动到该容器的开头。与“下一张”功能相同,选择所有带有.item类的元素,并将它们存储在变量lists中。
2025-02-06 16:48:08
1158
原创 解决table用position: sticky固定多层表头,滑动滚动条,固定列边框透明、不显示问题
解决办法,给表格采用outline样式,取消原有的border边框,在项目中如果引用了大量的外联样式,建议将此代码作为内联样式使用,这样既可以解决滑动边框消失问题,也可以给表格加上边框。是 CSS 中用于绘制位于元素边框边缘之外的线条或区域,它不会影响元素的尺寸或位置。水平滑动以后的表格样式,可以看到固定列的边框消息,并且出现透明效果,能看见滑动列的内容。固定多层表头是一种常见的做法,它可以让用户在滚动页面时始终看到表格的标题行。未滑动前表格样式,在未滑动表格时,固定列边框存在,此时的固定列样式。
2025-01-22 11:40:09
1123
原创 Spring实现头像上传
在进行初次渲染头像时,应当给字段headPhoto字段赋予头像路径,如果除此上传没有头像,可以直接赋予“/”,在修改时,则是通过给图片天津属性"src",并将值改为静态资源下的路径,也就是upload包下的图像路径。点击修改后跳转修改页面,这块儿的数据是从前面拿回用户id后,调用AJAX从后端查找该用户的信息,并将信息渲染到修改表单中,这里使用的localStorage带存储id。点击修改按钮,不需要对其他内容进行修改,当上传头像后,自动渲染头像,如果不想修改其他头像,点击返回即可返回列表页面。
2024-10-27 16:16:36
320
原创 Spring+SpringJDBC+Servlet学习笔记,以超市订单管理系统为例
在登录时,先传入用户账号和密码,通过dao层向数据库中查找该用户信息,如果用户存在则返回用户信息并跳转到系统首页,如果用户不存在则提示无法登录。是 Spring 的一个上下文接口,它包含了 Spring 应用程序的所有信息,能够管理 Spring bean 的生命周期和依赖注入。原因,在创建User对象时,user对象拥有的字段中有包含数据类型为long型的字段,而。这样,可以在 Servlet 中使用 Spring 管理的 bean。,在 Java 中,基本类型(如。解决方法:在测试方法中,需要确保。
2024-10-17 00:05:21
515
原创 java制作英雄联盟角色对战,基础练习
接着是攻击方法,传入目标角色的信息,通过随机Random()方法随机造成角色伤害值,并对齐目标角色的血量做出相应的减少, 定义局部变量nowBlood,当角色攻击伤害大于目标角色血量时,直接赋予目标角色nowBlood=0,并输出相应攻击提醒。通过while循环判断当两个角色都存活时,调用attack()方法,如果有一方角色生命值小于0,则输出角色K.O.了目标角色。定义角色是否存活方法,当角色血量>0时,返回true,否则返回false;在main方法中,实例化两个对象,并赋予两个对象不同的属性值,
2024-07-24 13:15:11
216
原创 制作京东购物车,包含html+js+css完整代码
商品布居html,同一店铺多个商品只需要复写class="item-item",更改内部的商品图片,名称,以及相对于的连接即可,不同店铺则复写class="cart-body"为所有的商品复选框添加点击事件,所有的商家name属性值保持一致,商品name属性值保持一致。制作京东购物车页面,实现全选商品,价格加减,商品数量加减,总价。JS函数,该函数包括获取商品总价,并显示总价及已选商品种类数量。点击全选,实现所有商品选中,并且算出总价,和已选择的商品数量。商品总价及已选择商品种类数量html部分。
2024-05-18 20:31:13
3260
原创 JQuery实现小米官网商品分类
Html部分,将商品信息存放在li标签中,这里只展示了一个,其余的只需要更改图片和名字就行。图片和商品信息根据个人需要自行调整,本实验中用了相同的商品内容。鼠标移动到商品分类时弹出对应的内容。
2024-05-18 19:39:16
186
原创 JQuery制作论坛发帖
随机生成头像,用到Math.floor(random())每次发布都保证新发布的帖子在最前面,关键代码。获取发布时间以及版块。
2024-05-17 20:33:01
398
原创 JQuery+Ajax实现动态数据分页
定义每页显示的数据量、获取总页数(数据总数%数据量),使用Math.ceil()对总页数向上取整。,如果写成上面这样,就会出现以下效果,无论是在哪一页,点击笑脸所获取到的都只会是第1-5条。注意获取数据位置时要加上起始索引,否则每一次获取都只是在当前页的位置。每次单击笑脸会获取当前数据在json中的位置。每次点击页码都局部刷新数据,显示该页码内容。初始化分页器,关键代码。
2024-05-17 20:03:31
770
1
TA创建的收藏夹 TA关注的收藏夹
TA关注的人