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}
test1
test2