基于JS实现简单的样式切换效果代码【javascript】

web前端|js教程

JS,样式切换

web前端-js教程

本文实例讲述了基于JS实现简单的样式切换效果。分享给大家供大家参考。具体如下：

验证源码,vscode左边小鲸鱼图标,ubuntu在root,tomcat修改页面图标,爬虫世界直播,php svg png,信息化seo优化价值,WAP手机网站模板asp版下载,跨进电商模板一lzw

这是一款基于JS实现简单的样式切换代码，自由切换CSS样式，很多大网站现在正在用，我觉得这是个挺实用的不错的功能，希望大家喜欢哦。

大家最喜欢的美妆静态网页源码,安装ubuntu需要空间,铁锈战争爬虫纪元,php projekt,seo招人教学lzw

运行效果截图如下：

易语言进制转换源码,vscode格式化多行显示,ubuntu调出gui,tomcat如何打断点,csdn爬虫兼职,php高级算法,佛山网站seo关键词优化,html5 手机网站 图标lzw

在线演示地址如下：

/js//js-simple-tab-cha-style-codes/

具体代码如下：

var lastObj=null;var lastIdx=1;function test(obj,idx){ if(!lastObj){ lastObj = document.getElementById("test"); lastIdx = 1; } lastObj.className = "new"+lastIdx; var old = document.getElementById("list"+lastIdx); if(old)old.style.display="none"; obj.className = "class"+idx; var n = document.getElementById("list"+idx); if(n)n.style.display="block"; lastObj = obj; lastIdx = idx;} .class1{ color:#FF0000} .new1{ color:#996633} .class2{ color:#FF0000} .new2{ color:#996633}list1list2

test1

test2