鼠标光标移动

最新推荐文章于 2021-11-07 22:52:55 发布

zenkle

最新推荐文章于 2021-11-07 22:52:55 发布

阅读量307

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qq_35142645/article/details/83269214

版权

html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>鼠标光标</title>
<style>
	.mouse{
		width: 100px;
        height: 100px;
        border:1px solid red; 
        padding-top: 50px;
        background-color: red;
        text-align: center;
	}
</style>
</head>
<body>
<div class="mouse" onmouseover ="over(this)" onmouseout="out(this)">click on me!</div>

<script type="text/javascript">
	function over(obj){
         obj.innerHTML="thank you!";
	}
	function out(obj){
		obj.innerHTML="click on me!";
	}
</script>
</body>
</html>

几个注意点：

1、只更改内容不更改样式。obj.innerHTML(更改元素内容)

2、光标移入移出：onmouseover(),onmouseout()