这个你需要用到伪类 :hover
:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
例子1
<style>
a:hover {color: #FF00FF}
</style>
<a href="#">延时文本</a>
当鼠标移动到a标签上的时候,改变a标签的文字颜色
深入用法,当移动到某标签的时候改变其它标签的样式:
例子:
<ul class="dingjicaidan">
<li>
<a href="#">
菜单
</a>
<ul class="tanchucaidan">
<li>
弹出菜单1
</li>
<li>
弹出菜单2
</li>
</ul>
</li>
</ul>
<style>
.tanchucaidan{ display:none;} /*设置弹出菜单默认隐藏*/
.dingjicaidan li:hover ul{ display:block;}
/*当鼠标移动到dingjicaidan下的li标签时,改变li下的ul标签的display属性(显示出来)*/
</style>
其实就这么简单,自己琢磨下吧,纯手打,望采纳!