Maison >interface Web >tutoriel HTML >DIV+CSS实现区域鼠标事件的动态效果_html/css_WEB-ITnose
DIV+CSS实现区域鼠标事件的动态效果_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:29:501292parcourir
现在WEB2.0时代来了，你可以在很多网站上看到一种鼠标移动上去表格会有状态的效果，今天偶就给大家讲一下具体的做法，可能我这个方法不太好，还请大家多多指点。
其实方法就是在DIV里面加入了 OnMouseOver(鼠标移动到上面) OnMouseOut(鼠标移开) OnMouseDown(鼠标按下) OnMouseUp(鼠标放开) 在这种事件时，改变DIV的Class对应的 CSS 样式。这样就实现了动态效果。
支持 IE 和 Firefox
程序代码
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：div+css布局之padding和margin的使用，及自适应100%的宽度_html/css_WEB-ITnoseArticle suivant：[导入]用DIV+CSS设计出圆角矩形的代码_www.KnowSky.com_html/css_WEB-ITnose