python如何实现隔行换色_JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】...

最新推荐文章于 2022-09-28 16:57:43 发布

高仿吴彦祖

最新推荐文章于 2022-09-28 16:57:43 发布

阅读量285

点赞数

文章标签： python如何实现隔行换色

本文链接：https://blog.csdn.net/weixin_28764585/article/details/112965751

版权

本文介绍了使用JavaScript和jQuery实现表格隔行变色以及Tab标签页的特效。通过示例代码展示了如何用原生JavaScript和jQuery轻松实现这两种效果，对比了两者的简洁性。

摘要由CSDN通过智能技术生成

本文实例讲述了JavaScript表格隔行变色和Tab标签页特效。分享给大家供大家参考，具体如下：

最近一直在看JavaScript知识，偶尔也穿插一点Jquery，感觉Jquery用起来真爽，减少了很多的代码量，而且学习也不是很高。接下来给大家分享两个小的特效，表格隔行变色和Tab标签页，大家来体会一下。

表格隔行变色

效果图：

原生Js实现代码：

原生js表格隔行变色

#table{

width:500px;

border:1px solid red;

border-collapse: collapse;

}

#table td{

border:1px solid red;

}

window.onload = function(){

var tr = document.getElementsByTagName('tr');

for(var i=0;i

if(i % 2 == 0){

tr[i].style.background = 'blue';

}else{

tr[i].style.background = 'yellow';

}

关注