html怎么实现鼠标移上内容变化
5个回答
展开全部
设置css hover属性，
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
/*设置div的样式*/
.test{
margin-left: 200px;/*设置div的左边距*/
margin-top: 200px;/*设置div的上边距*/
height: 100px;/*设置div的高度*/
width: 100px;/*设置div的宽度*/
background: red;/*设置div的颜色为红色*/
}
/*鼠标经过时*/
.test:hover{
background: blue;/*鼠标经过时div的颜色变为蓝色*/
}
</style>
<body>
<div class="test"></div>/*加个div*/
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="div1" style="border:1px #FF0000 solid;width:200px">123456</div>
<script>
document.getElementById("div1").onmouseover=function(){
this.innerHTML="abcdefg";
}
document.getElementById("div1").onmouseout=function(){
this.innerHTML="123456";
}
</script>
<script>
document.getElementById("div1").onmouseover=function(){
this.innerHTML="abcdefg";
}
document.getElementById("div1").onmouseout=function(){
this.innerHTML="123456";
}
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有两种方式：
使用CSS伪类；
比如给元素的CSS增加 :hover样式；
使用JS代码实现
可以使用jQuery框剪或者原生JS都可实现；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css方面可以用
:hover{
...
}
实现
js方面有鼠标的mouseover事件监听实现
例如jq如下代码
$("a").mouseover(function(){
$("a").css("background","red");
});
:hover{
...
}
实现
js方面有鼠标的mouseover事件监听实现
例如jq如下代码
$("a").mouseover(function(){
$("a").css("background","red");
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两种形式 一个是CSS的hover
一个是JS事件 onmouseover
可以查一下，由于你的问题太简略，我也只能提供这些线索了，具体问题可以追问
一个是JS事件 onmouseover
可以查一下，由于你的问题太简略，我也只能提供这些线索了，具体问题可以追问
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
