JS实现的简单标签点击切换功能示例

web前端|js教程

javascript,切换,点击

web前端-js教程

这篇文章主要介绍了JS实现的简单标签点击切换功能,涉及javascript事件响应及页面元素遍历、属性动态变换等相关操作技巧,对js感兴趣的朋友可以参考下本篇文章

酷狗音乐 源码,vscode全屏快捷键,ubuntu 18.04吧,tomcat8 xmx,手机爬虫壁纸,php 获得数组的键值,保定seo推广多少钱,情感网站pc wap源码演示站,java web 网页模板lzw

具体代码如下：

飞q源码网盘,vscode查看图像,ubuntu如何运行,tomcat 图片服务外网,豹爬虫,php模板缓存,玉溪seo培训怎么选,html5移动网站源码,php h5 手机商城模板lzw

* {margin: 0;padding: 0; } ul {list-style-type: none; } .box {width: 400px;height: 300px;border: 1px solid #ccc;margin: 100px auto;overflow: hidden; } .hd {height: 45px; } .hd span {display: inline-block;width: 90px;background-color: pink;line-height: 45px;text-align: center;cursor: pointer; } .hd span.current {background-color: yellowgreen; } .bd li {height: 255px;background-color: yellowgreen;display: none; } .bd li.current {display: block;font-size: 36px; }

体育 娱乐 新闻 综合

超市收费源码,ubuntu中sh指令,tomcat数据库缓存清理,大连爬虫馆,php压缩目录下载,北京SEO 公司lzw

我是体育模块我是娱乐模块我是新闻模块我是综合模块 var box = document.getElementById("box"); var spans = box.getElementsByTagName("span"); var lis = box.getElementsByTagName("li"); for (var i = 0; i < spans.length; i++) { spans[i].aaa = i; spans[i].onclick = function () {for (var i = 0; i < spans.length; i++) { spans[i].className = ""; lis[i].className = "";}this.className = "current";lis[this.aaa].className = "current"; } }