Dzwebs.Net

撰写电脑技术杂文十余年

鼠标移动到超链接上改变背景颜色

Admin | 2015-5-20 9:40:34 | 被阅次数 | 6036

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  如何让鼠标移动到超链接上时,链接改变背景颜色,移开又恢复原来的背景颜色,实现这种效果最好是使用JS和CSS共同来完成。

  一、使用的JS代码

  <script language="javascript" type="text/javascript">
  function ChangeBGColor(obj)
  {
    var LinkID=obj.id;
    document.getElementById(LinkID).style.backgroundColor="#FFFFFF"; 
    document.getElementById(LinkID).style.color="#009900"; 
  }
  function ResetChangeBGColor(obj)
  {
    var LinkID=obj.id;
    document.getElementById(LinkID).style.backgroundColor=""; 
    document.getElementById(LinkID).style.color="";
  }
  </script>

  二、网页中的超链接对象

  <a href="#" id="link1" onmouseout="ResetChangeBGColor(this)" onMouseOver="ChangeBGColor(this)">超级链接1</a> 
  <a href="#" id="link2" onmouseout="ResetChangeBGColor(this)" onMouseOver="ChangeBGColor(this)">超级链接2</a>

  请注意,超链接除了设置ID之外,还增加了两个事件,分别是:onmouseout="ResetChangeBGColor(this)"和onMouseOver="ChangeBGColor(this)",这样就能实现效果了。


该杂文来自: 网页制作杂文

上一篇:JS获取网页高宽的参数

下一篇:页面中的不同超链接如何使用不同的样式

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计