管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

JS实现简洁(隔行换色、高亮显示)表格特效

<html> 
<head> 
<title>JS实现的表格</title> 
</head> 
<body> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Adocument.write('%3Ctable%20border%3D%221%22%20width%3D%22800%22%20align%3D%22center%22%3E')%3B%20%0D%0Avar%20i%3D0%3B%20%0D%0Awhile(i%3C1000)%7B%20%0D%0Aif(i%2510%3D%3D0)%7B%20%0D%0Aif(i%2520%3D%3D0)%20%0D%0Abg%3D%22%23cccccc%22%3B%20%0D%0Aelse%20%0D%0Abg%3D%22%23ffffff%22%3B%20%0D%0Adocument.write('%3Ctr%20onmouseover%3D%22show(this)%22%20onmouseout%3D%22noshow(this)%22%20bgcolor%3D%22'%2Bbg%2B'%22%3E')%20%0D%0A%7D%20%0D%0Adocument.write('%3Ctd%3E'%2Bi%2B'%3C%2Ftd%3E')%3B%20%0D%0Ai%2B%2B%3B%20%0D%0A%2F%2Fdocument.write('%3C%2Ftr%3E')%3B%20%0D%0A%7D%20%0D%0Aif(i%2510%3D%3D0)%7B%20%0D%0Adocument.write('%3C%2Ftr%3E')%3B%20%0D%0A%7D%20%0D%0Adocument.write('%3C%2Ftable%3E')%3B%20%0D%0A%0D%0Avar%20ys%3Dnull%3B%20%0D%0Afunction%20show(obj)%7B%20%0D%0Ays%3Dobj.bgColor%3B%20%0D%0Aobj.bgColor%3D%22red%22%3B%20%0D%0A%7D%20%0D%0Afunction%20noshow(obj)%7B%20%0D%0Aobj.bgColor%3Dys%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程