如何用JS实现鼠标划过SVG中的元素 d出DIV层

onmousemove 必须写在svg中，但svg中无法识别html的div标签，我试了一下 可以alert信息。但不能加载HTML元素

别用embed。直接用svg嵌进去试试。

svg展开内容里的滑动效果预览没有：

打开135编辑器，点击左侧【 SVG 编辑器】

二、点击【进入 SVG 编辑器】

三、在【互动效果】中选择【滑动】，滑倒最下面，选择【单层左滑】，当然你也可以选择你喜欢的别的组件

四、选中右侧【编辑】栏中的【添加图片】（这里要注意的是，一定要看【素材要求】)

五、选择你需要添加的图片，按照顺序依次添加，选取后，点击【确认】，就添加好了

六、看一下画布中你做出来的是否符合你的要求，看一下预览效果（以在微信后台的效果为主）

七、点击【导出】，选择【复制代码到微信后台】

八、打开【微信后台】，点击【导入文章代码】，粘贴代码到框框里，最后点击【确认】

单击这里以便观看效果。将鼠标移动到矩形上面时，会显示鼠标的 X 和 Y 位置，并且这两个显示的值会随着鼠标的移动而改变，在矩形上单击鼠标会记录下单击的位置。分析函数 changeText(evt) 可揭示创建交互文本的步骤：1. 为所使用的每一个文本元素指定 id ，这样脚本就可以提取它们。2. 第一次调用 svgdocument.getElementByIdx_x_x_x() ，其中传递的参数是要改变的文本元素的 ID。它被存储在一个变量中以供以后使用。3. 调用evt 方法 getClientX() 和 getClientY() 以得到指针的 X 和 Y 坐标，并将它们存储在变量 XPos 和 YPos 中。4. 调用 svgdocument.create_r_rTextNode() 创建一个新文本节点。将更新过的文本字符串传递给这个函数。5. 最后，对这个文字元素调用 replaceChild 方法。它带两个参数 -- 替换文本节点和被替换的子元素。对 getFirstChild() 的调用保证更新的文本放置正确。

---