网页制作javascript鼠标经过文字变色问题
老师留的制作网页的作业<head><styletype="text/css"><!--A{text-decoration:none}--></style><metahtt...
老师留的制作网页的作业
<head>
<style type="text/css">
<!--
A { text-decoration: none}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>杀手5游戏专题</title>
<style type="text/css">
body,td,th {
font-size: 18px;
color: #999;
font-weight: bold;
}
body {
background-color: #000;
background-image: url(Image/bg.jpg);
background-repeat: repeat;
}
</style>
</head>
<body>
<table width="1045" height="500" border="0">
<tr>
<td colspan="3"><p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<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>
<td width="62"><div align="center"><a href=page2.html style="color='red';cursor:hand" onmouseover="javascript:this.style.color='red'"
onmouseout="javascript:this.style.color='#999'">游戏秘籍</a></div></td>
<td width="59"><div align="center"><a href=page3.html style="color='red';cursor:hand" onmouseover="javascript:this.style.color='red'"
onmouseout="javascript:this.style.color='#999'">游戏视频</a></div></td>
</tr>-
<tr>
<td><div align="center"><a href=page4.html style="color='red';cursor:hand" onmouseover="javascript:this.style.color='red'"
onmouseout="javascript:this.style.color='#999'">游戏测评</a></div></td>
用了css样式限定字体颜色是#999灰色那样了
然后限定了下划线
但是页面一打开字体是其他颜色。。鼠标经过一遍才会灰色 再经过红色
无任何网页制作基础
求大大解答 跪谢 展开
<head>
<style type="text/css">
<!--
A { text-decoration: none}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>杀手5游戏专题</title>
<style type="text/css">
body,td,th {
font-size: 18px;
color: #999;
font-weight: bold;
}
body {
background-color: #000;
background-image: url(Image/bg.jpg);
background-repeat: repeat;
}
</style>
</head>
<body>
<table width="1045" height="500" border="0">
<tr>
<td colspan="3"><p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<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>
<td width="62"><div align="center"><a href=page2.html style="color='red';cursor:hand" onmouseover="javascript:this.style.color='red'"
onmouseout="javascript:this.style.color='#999'">游戏秘籍</a></div></td>
<td width="59"><div align="center"><a href=page3.html style="color='red';cursor:hand" onmouseover="javascript:this.style.color='red'"
onmouseout="javascript:this.style.color='#999'">游戏视频</a></div></td>
</tr>-
<tr>
<td><div align="center"><a href=page4.html style="color='red';cursor:hand" onmouseover="javascript:this.style.color='red'"
onmouseout="javascript:this.style.color='#999'">游戏测评</a></div></td>
用了css样式限定字体颜色是#999灰色那样了
然后限定了下划线
但是页面一打开字体是其他颜色。。鼠标经过一遍才会灰色 再经过红色
无任何网页制作基础
求大大解答 跪谢 展开
5个回答
展开全部
<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>
有点乱，希望有帮助！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
样式设置重复了，样式优先级最高的是写在style里边，就是style="color:#ccc;"；其实你要是写样式不建议你给所有的设置格式这么使用，你可以给table加一个id，然后定义这个id下的td，th等，#id th,td这样用比较好，页面不会乱。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
字体，你默认的是红色，然后当鼠标经过的时候，你变的是红色，当鼠标离开后，字体变为#999色，你可以默认为#999，
更多追问追答
追问
在网页运行或者实时视图的话 自已颜色一上来是蓝色浏览器里是紫色 然后鼠标先移动过才会变成#999
追答
是这种效果啊，你的代码就是这种效果，你想要什么效果！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好:
可以使用jquery很轻松的就可以实现的.
希望可以帮助到你
可以使用jquery很轻松的就可以实现的.
希望可以帮助到你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
style="color='red';
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
