当前位置: 首页 > news >正文

【vue】使用无障碍工具条(详细)

引入:使用的是太阳湾的无障碍工具条,代码地址:https://gitee.com/tywAmblyopia/ToolsUI
具体步骤:下载代码后,将其中的 canyou 文件夹拖入 vue 项目中的 public 文件夹中;
在这里插入图片描述
上图是在项目目录中的样子,记得不要改文件夹的名字,就叫 canyou
然后在 vue 项目中的 public/index.html 文件中引入 1.8 以上版本的 jquery,和 canyou 文件夹中的 wza.min.js 文件,最后在 <body> 中引入

<a id="wzayd" title="网站信息无障碍工具条" href="javascript:;" class="wzayd" accesskey="g">无障碍阅读</a> 

如图:
在这里插入图片描述
我 jquery 引入的方式是 cdn 引入,如果改为本地导入会出现报错:
在这里插入图片描述
演示:
在这里插入图片描述

http://www.lryc.cn/news/157433.html

相关文章:

  • java实现命令模式
  • 【PowerQuery】PowerQuery学习路径
  • JDK7多线程并发环境HashMap死循环infinite loop,CPU拉满100%,Java
  • Linux下的系统编程——认识进程(七)
  • 2023年9月CSPM-3国标项目管理中级认证报名,找弘博创新
  • 使用ChatGLMTokenizer处理json格式数据
  • Redis基础特性及应用练习-php
  • Numpy知识点回顾与学习
  • H.264视频编码推荐的分辨率和码率配置表
  • Greenplum 实用工具-gpaddmirrors
  • 详解 Cent OS JDK 8.0 安装配置
  • 代理IP与网络安全在跨境电商中的关键作用
  • Kafka3.0.0版本——消费者(消费方式)
  • uni-app rich-text组件富文本图片展示不全问题
  • 文件包含漏洞学习小结
  • 同时安装python2和3解决方案
  • 通过jr-qrcode生成二维码并下载到客户端本地(Vue)
  • 命令执行漏洞(附例题)
  • iOS开发Swift-类型转换
  • python基础爬虫反爬破解
  • Maven 必备技能:MAC 系统下 JDK和Maven 安装及环境变量配置详细讲解
  • electron笔记无边框窗口、DLL调用、DLL函数返回指针
  • 递归算法学习——黄金矿工,不同路径III
  • pg 创建分区表 --chatGpt
  • 长城网络靶场,第一题笔记
  • el-form表单中不同数据类型对应的时间格式化和校验规则
  • Python代码雨
  • java.util.Optional
  • 微服务--Seata(分布式事务)
  • 发光太阳聚光器的蒙特卡洛光线追踪研究(Matlab代码实现)