我相信大家肯定看过在下拉框做完成之后鼠标放在数据上在数据右侧可以有一个信息,那么这个是怎样做到的我先给你们看一下已经完成的样式:
在图中 5 6 7 8 9 10 都是一个下拉框 但是鼠标放在5 哪里右侧则会弹出 5+ 5++ 5+++ 等等之类的,
其实这就是一个我们常用的移入事件和常用的移除事件 那么是怎样做到的呢?
下面我们来看一下Js代码
大家可以看到其中的代码 先获取 他们之间的ID 就比如vehicle1这个就是 图中这个 “5” 的ID
关于这个mouseenter 和 mouseleave 就很好解释了 ,一个是移除事件 一个是移入事件 vehicle2 也就是
牵扯Display中的ID。
下拉框完成之后右侧出数据
最新推荐文章于 2023-09-22 14:56:31 发布