1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JS点击循环切换显示内容的实现方法

JS点击循环切换显示内容的实现方法

时间:2024-06-17 12:07:02

相关推荐

JS点击循环切换显示内容的实现方法

web前端|js教程

javascript,内容,显示

web前端-js教程先来看看运行效果:

vb 输入法源码,手机vscode怎么设置中文,ubuntu 单系统,tomcat 日志 位置,svn sqlite,连云港地区网页设计,阿里云ip数据库,启用服务器gzip,jquery 图片滚动插件,高效前端框架,爬虫福利三,nodejs和php,南宁seo服务公司,springboot注册类,asp 标签页面,教育培训推广网站模板,网页关灯,bootstrap导航网站模板,后台管理系统制作,页面弹出层用户登录代码,在线支付管理系统,自建网站程序免费下载lzw

dedecms仿中关村在线源码,vscode 查看go源码,ubuntu安装jtop,tomcat虚拟路径详解,分析爬虫,php debug调试,竞价与seo的区别,软件网站代码,dz论坛模板使用教程lzw

具体代码如下:

天猫店铺html源码,vscode如何弹出终端,ubuntu注释语句,tomcat 多端口访问,善意爬虫,pjax php,seo自动生成工具优化,织梦新闻网站模板下载,提取整站源码中的模板lzw

点击循环切换内容a {cursor: pointer;color: red; } p {display: none; } 循环切换内容

11111

22222

33333

//可以换成切换图片等等 flag = 0; pre = 0; function con(){var cons = document.getElementsByTagName("p");document.getElementsByTagName("p")[pre].style.display = "none";document.getElementsByTagName("p")[flag].style.display = "inline";console.log(flag);pre = flag;if(flag == cons.length - 1) { //注意是cons.length-1,因为索引值是从0开始的 flag = 0;} else { ++flag;} }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。