13518219792
1.如果图标是用canvas绘制上去的，就要处理canvas全局的onmousemove事件，判断鼠标的位置是否到了图标上，到了就触发某个函数。
创新互联专注于宜宾企业网站建设,成都响应式网站建设,商城网站建设。宜宾网站建设公司,为宜宾等地区提供建站服务。全流程按需求定制开发，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
2.图标不要用canvas画，用html的img标签来做，这样就可以直接用它的onmouseover事件。
拖拽发生过程
被拖拽元素
dragstart
按下鼠标键并开始移动鼠标时
drag
在dragstart事件之后，在元素被拖动期间会持续触发该事件
dragend
当拖动停止时，会触发dragend事件
放置目标元素
dragenter
有元素被拖动到放置目标上
dragover
紧随dragenter发生，在被拖动的元素
还在放置目标范围内移动时，会持续触发该事件
dragleave
在元素被拖出放置目标时触发
drop
元素被放到了放置目标中触发
注释：拖拽发生过程：dragstart-drag-dragenter-dragover-dragleave/drop-dragend
html中有一个
标签，直接给文字添加一个a标签
；
比如：
关于我们
a标签默认的鼠标放上去就是一个手指的样式，或者你也可以用cursor:
pointer;这个给他设置一下，cursor还有其他的属性可以使用
