随笔分类 -  Web学习

VUE放大镜组件
摘要：<!--放大镜组件--> <template> <div class="zoom l"> <div class="zoom_top"> <img :src="require(`@/assets/img/productDetail/${currentActive}.jpg`)" alt="" styl 阅读全文
posted @ 2021-05-26 21:09 YoungPzz 阅读(513) 评论(0) 推荐(0)
vue实现放大镜效果
摘要：#截取自项目某部分 HTML部分 CSS部分 /* 放大镜效果 */ .maskTop { width: 400px; height: 400px; position: absolute; z-index: 1; top: 0; left: 0; cursor: move; } .mask { po 阅读全文
posted @ 2021-05-25 21:44 YoungPzz 阅读(476) 评论(0) 推荐(0)
AJAX学习（一）
摘要：2021-03-14 AJAX （尚硅谷） 摘要：Ajax技术的核心是XMLHttpRequest对象（简称XHR），可以通过使用XHR对象获取到服务器的数据，然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML，但Ajax通讯与数据格式无关，所以我们的数据格式可以是XML或JSON等格式。 阅读全文
posted @ 2021-03-14 13:00 YoungPzz 阅读(38) 评论(0) 推荐(0)
网页轮播图 代码部分
摘要：HTML： <div class="shang"> <!--左侧按钮箭头--> <a href="javascript:;" class="prev"> &lt;</a> <!--右侧按钮箭头--> <a href="javascript:;" class="next"> &gt;</a> <!-- 阅读全文
posted @ 2021-03-13 23:31 YoungPzz 阅读(383) 评论(0) 推荐(0)
网页轮播图（下）
摘要：点击小圆圈实现滚动 点击左右侧 图片轮播 小圆圈随着图片轮播 两个小bug的解决(切换图片时下方小圆圈不匹配的问题） 左侧 自动播放 阅读全文
posted @ 2021-03-13 23:18 YoungPzz 阅读(61) 评论(0) 推荐(0)
网页轮播图（上）
摘要：HTML部分 1.鼠标经过显示左右箭头，鼠标移出左右箭头隐藏 2.动态生成小圆圈 3.小圆圈排他思想 添加绑定事件。 4.点击小圆圈图片划动 阅读全文
posted @ 2021-03-13 20:42 YoungPzz 阅读(60) 评论(0) 推荐(0)
JS--动画以及缓慢动画以及动画函数封装
摘要：1、动画基本原理： 核心：通过定时器setInterval（）不断移动盒子位置。 动画函数的封装：为了用动画更简便 ！！动画必须加定位！！ 缓动动画原理 阅读全文
posted @ 2021-03-11 22:57 YoungPzz 阅读(67) 评论(0) 推荐(0)
寒假Web学习---①
摘要：Date：2021.1 对html一些标签进行回顾与记录。 标题标签 段落标签 盒子：用来装内容 ：自己独占一行，大盒子 ：一行上可以多个，小盒子 图像标签： 图像标签的一些属性 路径 超链接标签 锚点链接 注释 一些用代码表示的字符 表格标签 列表 无序列表（重点） 有序列表 表单 阅读全文
posted @ 2021-01-24 14:20 YoungPzz