网页制作javascript鼠标经过文字变色问题

JavaScript024

网页制作javascript鼠标经过文字变色问题,第1张

<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>

有点乱,希望有帮助!

a:hover

{

color:blue

}

刚才朋友的打法要注意在ie6下超链接里面的href为空或者不写的话是没有效果的,这是一个bug,解决的话就得用js了,

$('a').hover(function(){

$(this).css(''color','blue')

},function(){

$(this).css(''color','black')})

希望采纳

给你两个个思路:一:定义一个字体大小和颜色两个数组,再定义鼠标滑过事件,随机获取数组中的字体大小和颜色值。

二:随机颜色生成方法如下

function randomColor( ) {      var rand = Math.floor(Math.random( ) * 0xFFFFFF).toString(16)      if(rand.length == 6){          return rand      }else{          return randomColor()      }

字体大小方法自己琢磨实现吧,核心方法就是:Math.random()生成随机数