如何用JS或CSS实现Inspo悬停效果及图片热点高亮连线功能

• 标题：使用井号#表示，井号数量对应标题层级（1-6级）
  示例：

  # 一级标题
  ## 二级标题
  ### 三级标题
  

• 列表项：以短横线-开头创建无序列表，嵌套列表可缩进后再用短横线
  示例：

  - 主列表项1
  - 主列表项2
    - 子列表项1
    - 子列表项2
  

• 文本强调：用单个星号*包裹实现斜体强调，用两个星号**包裹实现粗体强调
  示例：

  这是*斜体强调*的内容，这是**粗体强调**的内容
  

• 代码/命令：用反引号`包裹单行代码，用三个反引号```包裹多行代码块（可指定语言语法高亮）
  示例：

  单行代码：`npm install`
  多行代码块：
  ```python
  def add(a, b):
      return a + b
  

• 引用文本：用大于号>开头标记引用内容，多层引用可叠加多个>
  示例：

  > 这是一段基础引用文本
  >> 这是嵌套的引用文本
  

• 链接：格式为[链接显示文本](目标URL)，可添加可选的标题（鼠标悬停显示）
  示例：

  [Markdown 语法说明](https://daringfireball.net/projects/markdown/ "点击查看详细语法")
  

• 图片：格式为[图片替代文本](图片URL)，替代文本用于图片无法加载时的提示内容
  示例：

  [风景示例图](https://example.com/landscape.jpg)
  

内容的提问来源于stack exchange，提问作者rock