javascript 实现字体变大

来源：百度知道 编辑：UC知道 时间：2024/05/10 12:02:28
<script language="JavaScript" type="text/javascript">
function showdiv_15(){
div15.style.display="";
div16.style.display="none";
}

function showdiv_16(){
div16.style.display="";
div15.style.display="none";
}
</script>
<Table><Tr><td onmouseover="showdiv_15()">1</td><td onmouseover="showdiv_16()">2</td></tr></table>
<div id="div15">15</div><div id="div16" style="DISPLAY: none">16</div>
我想实现在鼠标移动到1显示层15上后，1的字的变粗，2是细的。在移动到2显示层16时2的字变粗，1是细的.就像泡泡网一样。http://www.pcpop.com
比如现在选中1，在鼠标移出后，1仍然要显示粗体，2是细的。你可以看看泡泡网的类型。
http://www.pcpop.com

运行试试就知道了!
<style>
.no1{
font-weight:bold;
}
.no2{
font-weight:normal;
}
</style>
<span id='no1' onmouseover='show1()'>1111</span><br>
<span id='no2' onmouseover='show2()'>2222</span>
<script>
var no1=document.getElementById('no1');
var no2=document.getElementById('no2');
function show1()
{
no1.className='no1';
no2.className='no2';
}
function show2()
{
no1.className='no2';
no2.className='no1';
}
</script>

定义两个 css 样式 ，然后在“1”和“2”的 鼠标移入和移出事件 改变 相应样式就可以了