<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Class Warfare</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
body {background-color: white; color: black;}
.style1 {color: blue; font-weight: bold;}
.style2 {background-color: yellow; color: red;
text-decoration: underline;}
.style3 {color: red; font-size: 300%;}
-->
</style>
</head>
<body>
<p class="style1"
οnmοuseοver="this.className='style2';"
οnmοuseοut="this.className = 'style1';">Roll over me</p>
<p>How about
<span class="style2" οnmοuseοver="this.className='style1';"
οnmοuseοut="this.className= 'style2';">me</span>?</p>
<p> Be careful as dramatic style changes may
<span class="style1"
οnmοuseοver="this.className = 'style3';"
οnmοuseοut="this.className = 'style1';">reflow a document</span>
significantly</p>
</body>
</html>
dom和class(演示鼠标滑过的效果)
最新推荐文章于 2024-10-17 09:52:22 发布