用onmouseout和onmouseover怎么改变span或div中的文字的颜色、大小、粗体、字体等?
用onmouseout和onmouseover怎么改变span或div中的文字的颜色、大小、粗体、字体、斜体、下划线、删除线等等...
用onmouseout和onmouseover怎么改变span或div中的文字的颜色、大小、粗体、字体、斜体、下划线、删除线等等
展开
3个回答
2013-08-03
展开全部
onmouseover="show()" id="aaa"
show(){
set nnn=document.getElementById("aaa")
nnn.style.background="#ffffff" }诸如此类的用法 当然还有很多 比如在CSS里 例如<style>
.td_mouseover{
background-color:#FF0000;
color:#FFFFFF;
}
.td_normal{
background-color:#FFFFFF;
color:#000000;
}
</style>
<table>
<tr>
<td onmouseover="this.className='td_mouseover';" onmouseout="this.className='td_normal';">
鼠标经过这里背景和文字会变色
</td>
<tr>
</table>
show(){
set nnn=document.getElementById("aaa")
nnn.style.background="#ffffff" }诸如此类的用法 当然还有很多 比如在CSS里 例如<style>
.td_mouseover{
background-color:#FF0000;
color:#FFFFFF;
}
.td_normal{
background-color:#FFFFFF;
color:#000000;
}
</style>
<table>
<tr>
<td onmouseover="this.className='td_mouseover';" onmouseout="this.className='td_normal';">
鼠标经过这里背景和文字会变色
</td>
<tr>
</table>
2013-08-03
展开全部
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.banner{background-Color: #ffffff;color: #000099; font-size:12px; border:2px solid #000099; width:300px;}
.banner1{background-Color: #E8E8E8;font-weight: bold;color: #FF0000; font-size:24px;border:2px solid #FF3300; width:300px;}
-->
</style>
</head><body>
<div class="banner" onmouseover="this.className='banner1'" onmouseout="this.className='banner'">88888888888</div>
</body>
</html> 自己调吧!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.banner{background-Color: #ffffff;color: #000099; font-size:12px; border:2px solid #000099; width:300px;}
.banner1{background-Color: #E8E8E8;font-weight: bold;color: #FF0000; font-size:24px;border:2px solid #FF3300; width:300px;}
-->
</style>
</head><body>
<div class="banner" onmouseover="this.className='banner1'" onmouseout="this.className='banner'">88888888888</div>
</body>
</html> 自己调吧!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-03
展开全部
其实这些效果用css就能完成,a:hover就能设置。一定要用的话,就通过这2个句柄切换css的class就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询