JAVASCRIPT问题？
用JAVASCRIPT如何实现：当鼠标进入DIV改变背景图片，当鼠标离开DIV时就还原，注：div内有两个图片，鼠标要是在图片上时就不做改变...
用JAVASCRIPT如何实现：当鼠标进入DIV改变背景图片，当鼠标离开DIV时就还原，注：div内有两个图片，鼠标要是在图片上时就不做改变
展开
2个回答
展开全部
<html>
<head>
<style type="text/css">
.div1{
background-image: url(file:///C|/Documents%20and%20Settings/Administrator/桌面/1.png);
} 【原来显示的图片】
.div2{
background-image: url(file:///C|/Documents%20and%20Settings/Administrator/桌面/2.png);
} 【要变的图片】
</style>
</head>
<body>
<div id="div1" class="div1" style="width: 200px;height: 100px;" onmouseover="show(event,this)" onmouseout="show(event,this)"></div>
<script type="text/javascript">
function show(oEvent,oThis){
if(oEvent.type=="mouseover"){
oThis.className="div2";
}else if(oEvent.type=="mouseout"){
oThis.className="div1";
}
}
</script>
</body>
</html>
<head>
<style type="text/css">
.div1{
background-image: url(file:///C|/Documents%20and%20Settings/Administrator/桌面/1.png);
} 【原来显示的图片】
.div2{
background-image: url(file:///C|/Documents%20and%20Settings/Administrator/桌面/2.png);
} 【要变的图片】
</style>
</head>
<body>
<div id="div1" class="div1" style="width: 200px;height: 100px;" onmouseover="show(event,this)" onmouseout="show(event,this)"></div>
<script type="text/javascript">
function show(oEvent,oThis){
if(oEvent.type=="mouseover"){
oThis.className="div2";
}else if(oEvent.type=="mouseout"){
oThis.className="div1";
}
}
</script>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
聚保华泰
2024-10-21 广告
商业综合责任险（Commercial General Liability, CGL）是我们聚保华泰保险为众多企业客户提供的核心保障之一。它旨在覆盖企业在日常运营中可能因意外事故、疏忽或过失导致的第三方人身伤害、财产损失而面临的法律责任及赔偿...
点击进入详情页
本回答由聚保华泰提供
展开全部
onmouseout时设置默认图片做背景
onmouseover时设置另一个图片做背景
onmouseover时设置另一个图片做背景
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
