要设置鼠标移入时改变样式，先写CSS代码让元素悬停时显示特定样式。然后在JavaScript里写悬停事件，让元素触发样式变化。比如给按钮写onmouseover="this.style.cursor='pointer'"和onmouseout="this.style.cursor='default'"两行代码。这样鼠标移到按钮上指针变手形，离开时变默认箭头。

为什么得用CSS和JavaScript结合？因为CSS只能静态定义样式，而悬停状态需要动态触发。根据W3C标准，CSS的:hover伪类在Chrome、Firefox、Safari等现代浏览器支持率超过98%，但IE10及以下版本不支持，所以需要用JavaScript补位。数据显示，前年全球浏览器市场份额中，IE已不足1%，而支持CSS:hover的浏览器占比达99.2%。因此用CSS:hover更高效，但为兼容旧设备，同时写JavaScript事件是稳妥方案。当用户用手指在手机触摸屏上滑动时，onmouseover的触发延迟比PC鼠标快0.3秒，所以需要测试移动端响应速度。