首页  >  文章  >  web前端  >  JS+CSS实现可以凹陷显示选中单元格的方法_javascript技巧

JS+CSS实现可以凹陷显示选中单元格的方法_javascript技巧

WBOY
WBOY原创
2016-05-16 16:11:531315浏览

本文实例讲述了JS+CSS实现可以凹陷显示选中单元格的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:


JS+CSS实现可以凹陷显示选中的单元格



<script><br /> function overbutton(){<br /> if(src=event.srcElement)<br /> if(src.className=="normal"){<br /> src.className='hover';<br /> }<br /> }<br /> function outbutton(){<br /> if(src=event.srcElement)<br /> if(src.className=="hover"){<br /> src.className='normal';<br /> }<br /> }<br /> function clickbutton(){<br /> if(src=event.srcElement)<br /> if(src.className=="hover"){<br /> var cells=document.all.button.rows[0].cells;<br /> for (i=0;i<cells.length ;i++ )<br /> {cells[i].className="normal";<br /> }<br /> src.className='click';<br /> }<br /> } <p>document.onmouseover=overbutton<br /> document.onmouseout=outbutton<br /> document.onclick=clickbutton</script>


 
 
 
 
 
 
 
 

日报 周报 月报 季报 日报 周报 月报 季报


希望本文所述对大家的javascript程序设计有所帮助。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn