相关文章
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
Vue3TSVite开发组件库并发布到npm
网站在线预览
参考文档：
VitePress
一、安装依赖及配置
1、安装 vitepress 推荐使用 pnpm，安装pnpm： npm install -g pnpm 安装vitepress: pnpm add vitepress -D or yarn add vitepress -D
2、在 pac…
建站知识
2024/12/25 17:05:59
vue 页面悬浮图标 滑动。和影响背景页面滑动问题等
直接上代码先 。组件 。次组件功能没有全部完善，需要自己改动 float.vue
<template><div class"ys-float-btn" :style"{width:itemWidthpx,height:itemHeightpx,left:leftpx,top:toppx}"ref"div"touchstart.stop"gtou…
建站知识
2024/12/25 17:06:36
创建网页右侧QQ在线客服悬浮功能实战
本文还有配套的精品资源，点击获取 简介：网页右侧的QQ在线客服悬浮功能可以显著提升用户体验，通过HTML、CSS和JavaScript实现。JS代码负责监听滚动事件并更新客服图标位置，确保其始终可见。此外，它还与QQ在线客服系统…
建站知识
2025/1/23 5:56:03
css 鼠标悬浮显示放大图片 vs 鼠标点击显示放大图片
鼠标悬浮显示放大图片 实现原理
使用动态伪类 :hover 和相邻兄弟选择器 ，通过display控制显示隐藏元素绝对定位后，没有指定top等方位时，元素依然保留在原始的文档流位置，此处通过给小图标添加margin来控制大图的位置，…
建站知识
2025/1/2 23:59:11
CSS特效 鼠标悬浮文字跳动动画效果
CSS特效 鼠标悬浮文字跳动动画效果 基本概念与作用文字跳动动画功能与目的 示例一：基础的文字跳动动画HTML示例代码解释 示例二：多阶段跳动动画代码解释 示例三：自定义跳动路径代码解释 示例四：组合动画代码解释 实际开发中的使用…
建站知识
2024/12/25 17:14:43
CSS实现鼠标经过网页图标弹出微信二维码
特点
1、纯CSS实现二维码展示功能，减少加载JS；
2、使用CSS3 transform 属性；
## 第一步
在需要展示二维码的地方添加如下代码，其中<a>标签内容可以根据需要修改成图片等,href”javascript:”表示<a>标签作为按钮使…
建站知识
2025/1/1 12:00:37
JS特效第54弹：带二维码的jQuery网站右侧固定客服代码
带二维码的jQuery网站右侧固定客服代码，先来看看效果： 一部分关键的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset"utf-8" />
<title>带二维码的jQuery网站右侧固定客服代码</title&g…
建站知识
2025/1/3 8:52:06
