叶子谷- 网页教程

RSS订阅 站长资讯通告:
搜索: 您现在的位置: 叶子谷 >> 网页特效 >> 其它特效 >> 正文

鼠标移到链接上,文字本身及背景发生色彩变化

2008-06-10 13:50:46 来源:转载 作者:佚名 【 点击:

要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<SCRIPT LANGUAGE="JavaScript">

 

<!-- Begin

function doColor(item, color, bg) {

item.style.color = color; // changes text color

item.style.backgroundColor = bg; // changes background

}

 

function undoColor(item) {

item.style.color = "#000000"; // sets color back to black

item.style.backgroundColor = ""; // sets background to default

}

//  End -->

</script>


第二步:把如下代码加入到<body>区域中

<div align="center"><a name="link1" href="mailto:%20typhoon@huzhoucity.com" onmouseover="doColor(link1, 'yellow','black');" onmouseout="undoColor(link1);" target="_blank">typhoon</a>
</div>
<p align="center"> <a name="link2" href="http://typhoon.500.to" onmouseover="doColor(link2, 'blue','red');" onmouseout="undoColor(link2);" target="_blank">Typhoon
  Start </a>

Tags: 网页特效,链接  
责任编辑:cptedu
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】   
  • 上一篇文章:
  • 下一篇文章:
  • 姓 名: * Oicq:
    评 分: 1分 2分 3分 4分 5分
    评论内容:
    广告也精采
    热门文章
    设为首页 -加入收藏 - 联系我们 - 友情链接 - 版权声明 - 管理登陆