2021年11月5日

jQuery轮播图封装

摘要: 思路 轮播思路:ul宽度等于每张图片的宽度和(如无限大),包括ul的父级div设置超出隐藏,给ul设置相对定位方便使用left进行轮播 只重复第一张图片 无缝左边过渡思路:头尾各一张相同图片,移动到最左(即尾部 第一张图),取消过渡效果,瞬间跳转到头部第一图,i设置成第二张图片下标,延时器延迟恢复过 阅读全文

posted @ 2021-11-05 23:59 QiKS 阅读(171) 评论(0) 推荐(0)

2021年11月4日

二、图片动画移动(通过js函数animate实现)

摘要: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>自定义动画</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js" type="te 阅读全文

posted @ 2021-11-04 10:55 QiKS 阅读(386) 评论(0) 推荐(0)

2021年10月31日

一、SSM依赖的注入(maven建设)

摘要: 依赖项引进网址:Maven Repository: Search/Browse/Explore (mvnrepository.com) 一、建设Maven文件 二、总的pom.xml依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="h 阅读全文

posted @ 2021-10-31 19:38 QiKS 阅读(91) 评论(0) 推荐(0)

2021年10月27日

二、浮动float(响应式布局)

摘要: 一、浮动float 特点:会随着窗口的大小的变化而变化 阅读全文

posted @ 2021-10-27 21:25 QiKS 阅读(60) 评论(0) 推荐(0)

2021年10月25日

无缝轮播图

摘要: 思路 轮播思路:ul宽度等于每张图片的宽度和(如无限大),包括ul的父级div设置超出隐藏,给ul设置相对定位方便使用left进行轮播 只重复第一张图片 无缝左边过渡思路:头尾各一张相同图片,移动到最左(即尾部 第一张图),取消过渡效果,瞬间跳转到头部第一图,i设置成第二张图片下标,延时器延迟恢复过 阅读全文

posted @ 2021-10-25 21:46 QiKS 阅读(359) 评论(0) 推荐(0)

一、定位position(导航栏、轮播图)

摘要: 一、position:relative (相对定位) 应用:对一个元素进行相对定位,它将出现在它所在的位置上,relative:它定位的方式为相对于自己之前的默认的位置, 二、position:absolute(绝对定位)(默认父级窗口) absolute:它向上一层一层的找自己的父元素,然后看他们 阅读全文

posted @ 2021-10-25 21:43 QiKS 阅读(746) 评论(0) 推荐(0)

导航