Rumah > Artikel > hujung hadapan web > DIV+CSS实现区域鼠标事件的动态效果_html/css_WEB-ITnose
DIV+CSS实现区域鼠标事件的动态效果_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:29:501274semak imbas
现在WEB2.0时代来了，你可以在很多网站上看到一种鼠标移动上去表格会有状态的效果，今天偶就给大家讲一下具体的做法，可能我这个方法不太好，还请大家多多指点。
其实方法就是在DIV里面加入了 OnMouseOver(鼠标移动到上面) OnMouseOut(鼠标移开) OnMouseDown(鼠标按下) OnMouseUp(鼠标放开) 在这种事件时，改变DIV的Class对应的 CSS 样式。这样就实现了动态效果。
支持 IE 和 Firefox
程序代码
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：div+css布局之padding和margin的使用，及自适应100%的宽度_html/css_WEB-ITnoseArtikel seterusnya：[导入]用DIV+CSS设计出圆角矩形的代码_www.KnowSky.com_html/css_WEB-ITnose