jsp鼠标悬停变色设置,html鼠标悬停变色
本教程操作环境：windows7系统、javascript1.8.5版、戴尔自交第三代电脑。
思想：对于上一级元素、父元素实现下级元素、子元素变色。仅需：悬停及钢性铸铁选择器便可完成。下级元素对上级操作，现使用Java脚本语言中onmouseover、onmouseout事件
鼠标悬停事件会在鼠标指针移动到指定的元素上时发生。
鼠标移开时事件会在鼠标指针移出指定的对象时发生。
一、HTML 代码
身体
div id=A
div id=B
鼠标移动到一个分区时，我要变色
/div
/div
人力资源/
div id=AB
div id=a
一号差异
/div
div id=b
二号差异
/div
/div
/body二、JavaScript 代码
注：建议写在身体的结束标签前
脚本类型=文本/javascript
document.getElementById(b ).onmouseover=function(){
文档。getelementbyid( a )。风格。背景色=绿色；
}
document.getElementById(b ).onmouseout=function(){
文档。getelementbyid( a )。风格。背景色=红色；
}
/script三、CSS 代码
style type=text/css
#A{
高度：400像素
宽度：400像素
背景色：红色；
}
#B{
高度：300像素
宽度：300像素
背景色：绿色；
显示：无；
}
#A:悬停#B{
显示：块；
}
#a{
高度：300像素
宽度：300像素
背景色：红色；
}
#b{
左边距：50px
高度：300像素
宽度：300像素
背景色：红色；
}
#a:悬停#b {
背景色：绿色；
}
/style四、效果图
【相关推荐：javascript学习教程】以上就是爪哇岛描述语言怎么实现鼠标悬停变色效果的详细内容，更多请关注我们其它相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。