如何使用js实现当鼠标靠近span标签时文字时变成红色

JavaScript014

如何使用js实现当鼠标靠近span标签时文字时变成红色,第1张

点击变色实现功能。JavaScript一种直译式脚本语言。使用js实现当鼠标靠近span标签时文字时变成红色可以点击变色实现功能。span标签是超文本标记语言的行内标签，被用来组合文档中的行内元素。

<style type="text/css">

body,td,th {

font-size: 18px

color: #999

font-weight: bold

}

上面已经设置了td,th文字颜色属性，

<td width="62"><div align="center"><a href=page1.html style="color='#999'cursor:hand" onmouseover="javascript:this.style.color='red'" 

onmouseout="javascript:this.style.color='#999'">游戏介绍</a></div></td>

这里又设置了颜色属性，不过行内样式优先，可以改成style="color=blue............"，这时即：

<style type="text/css">

body,td,th {

font-size: 18px

color: #999

font-weight: bold

} <td width="62"><div align="center"><a href=page1.html style="color='blue'cursor:hand" onmouseover="javascript:this.style.color='red'" 

onmouseout="javascript:this.style.color='#999'">游戏介绍</a></div></td>

这时颜色body,td,thcolor属性已经不起作用了也可以下面这样，去掉行内style="color:#999",行内的color属性去掉 前边color设置成你要的其实颜色。

<style type="text/css">

body,td,th {

font-size: 18px

color: blue

font-weight: bold

}

<td width="62"><div align="center"><a href=page1.html style="cursor:hand" onmouseover="javascript:this.style.color='red'" 

onmouseout="javascript:this.style.color='#999'">游戏介绍</a></div></td>

有点乱，希望有帮助！

<html>

<head>

<title>鼠标放上链接改变网页背景颜色</title>

<meta http-equiv="Content-Type" content="text/html charset=gb2312">

<SCRIPT LANGUAGE="JavaScript">

function goHist(a) 

{

  history.go(a)

}

</script>

</head>

<body>

<center>

<h2>鼠标放到相应链接上看看！</h2>

<table border=1 borderlight=green style="border-collapse: collapse" cellpadding="5" cellspacing="0">

<tr><td align=center>

<a href="#" onMouseOver="document.bgColor='skyblue'">天空蓝</a>

<a href="#" onMouseOver="document.bgColor='red'">大红色</a>

<a href="#"onMouseOver="document.bgColor='#0066CC'">清新蓝</a> 

</td></tr>

</table>

</center>

</body>

</html>