第一例，鼠标悬停至按钮上，观察到一个方块从无形到有形，逐渐淡出的奇妙转变第二例，悬停时，小方块瞬间变身为大方块，仿佛魔术般跃然屏幕上第三例，同样在悬停后，小方块逐渐转化为大方块，但这次的转换过程如同绘画一般，细腻而平滑，利用CSS的transition属性，实现流畅过渡第二与第三例的动画效果。

当事件发生在控件上时，如果该控件没有绑定相应的事件处理器，事件会冒泡到其父元素，依次向上，直到找到绑定事件处理器的元素或到达ltbody或lthtml元素为止如果ltbody上绑定了onmouseover和onmouseout事件，且某个控件内部或控件本身没有处理这些事件，那么当鼠标进出该控件时，由于事件冒泡，ltbody上的。

缺点提示信息样式单一，而且不明显如代码ltimg src=quot图片路径quot title=quot提示信息文字quot 利用鼠标事件onmouseover，利用js，控制鼠标移入时候，上方会出现自己用CSS样式写出的想要表达的提示信息优点提示信息样式可以自己定义，个性化缺点比较复杂，需要web前端开发人员来做没有html，css，js。

比较好的方法是用JS做，但是非要用CSS呢，也可以 首先 一般HTML中的动态效果都是JS做的，不太推荐用CSS完成 dropdowncontent display position absolute backgroundcolor #f9f9f9 minwidth 160px boxshadow 0px 8px 16px 0px rgba0，0，0，02。