鼠标划过通过CSS图层变色

2009-12-19 鼠标特效 ℃

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
      
</style>
<script type="text/javascript">
 function changeColor(){
  var test;
  test=document.getElementById("test1");
  test.onmouseover=function(){
   test.className='border1';
  }
  test.onmouseout=function(){
   test.className='border2';
  }
 }
 window.onload=changeColor;
</script>
</head>
<body>
<div id="test1" class="border2">
           getElementById(参数)---根据页面项目的id，取得该对象，对象是唯一的。getElementsByName(参数)---根据页面项目的名字，取得对象集合。
        </div>
</body>
</html>

相关特效代码

热门特效代码: 围绕鼠标的立体星环（摩天轮）; 围绕鼠标的立体旋转文字; 经典鼠标跟随特效; 鼠标放在图片上打开新链接; 随鼠标的一群小点; 小巧实用的鼠标时钟跟随; 跟随鼠标的日期时间表盘; 强制点击广告代码; 会下雪的鼠标,好玩; 鼠标单击处崩出七彩星星

推荐特效代码: 围绕鼠标的立体旋转文字; 强制点击广告代码; 小巧实用的鼠标时钟跟随; 鼠标玄酷星形跟随特效; 舞动星星包围你的鼠标; 点击会变色哦