Html学习笔记2
2015-09-08 20:49
507 查看
<!DOCTYPE html>
<!--onmouseover 和 onmouseout 事件可用于在鼠标移至 HTML 元素上和移出元素时触发函数;
鼠标移动进入和鼠标移出-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="background-color: green;
height: 50px;
width: 200px;
margin: 20px;
padding-top: 10px;
color: #ffffff;
font-weight: bold;
font-size: 18px;
text-align: center;"
onmouseover="this.innerHTML='good'"
onmouseout="this.innerHTML='you have moved out'"
>move your mouse to here</div>
</body>
</html>
<!--onmouseover 和 onmouseout 事件可用于在鼠标移至 HTML 元素上和移出元素时触发函数;
鼠标移动进入和鼠标移出-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="background-color: green;
height: 50px;
width: 200px;
margin: 20px;
padding-top: 10px;
color: #ffffff;
font-weight: bold;
font-size: 18px;
text-align: center;"
onmouseover="this.innerHTML='good'"
onmouseout="this.innerHTML='you have moved out'"
>move your mouse to here</div>
</body>
</html>
相关文章推荐
- Html学习笔记1
- C# 去除HTML标签
- web模板
- html 基础
- HTML布局relative和absolute
- html上汉字乱码解决
- html分页
- 【备忘】html最最常用的属性和标签
- 让HTML 表格中内容自动换行及顶端对齐
- emoji表情在web html上显示
- Write a simple HTML Browser(1088)
- html设定按钮位置示例
- 打开本地html
- html嵌套另一个html解决办法
- 四个常见html网页乱码问题及解决办法
- wap手机网页html通过特殊链接:打电话,发短信,发邮件详细教程
- 4.html列表标签
- JQ之html,text,val
- HTML编写需要注意的事项
- 使用HTML制作网页