切换图片方法模仿“一格多表”的显示方式

最新推荐文章于 2023-05-29 22:35:14 发布

淘气↘孩ゑ争气ふ

最新推荐文章于 2023-05-29 22:35:14 发布

阅读量146

点赞数

CC 4.0 BY-SA版权

分类专栏：个人技术类

本文链接：https://blog.youkuaiyun.com/qq_44563258/article/details/89608871

个人技术类专栏收录该内容

34 篇文章

订阅专栏

本文介绍了如何使用VisualStudio2015通过切换图片模仿‘一格多表’的显示方式，实现动态显示不同表格内容的效果。作者杨灵武详细解释了通过jQuery控制图片的显示与隐藏，达到类似表格切换的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发工具与关键技术：Visual Studio 2015
作者：杨灵武
撰写时间：2019/04/27
切换图片方法模仿“一格多表”的显示方式
在这里插入图片描述
我们通过切换图片的方法来模仿“一格多表”的显示方式，把上面的四个显示比作为四个表格的名称，

这张图片比作表格，一共有四个这样的表格，我们首先设置图片初始显示的值为hide，当然你也可以任意选择一个为show， ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190427222911754.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190427222927260.png)

然后我们点击显示1把图片显示出来： $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲tupian1").show(\dots$ ("#tupian2").hide(); $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲tupian3").hide(\dots$ ("#tupian4").hide();
在这里插入图片描述

上面的就是显示出来的图片了，你可以$("#tupian2").show();显示出来。
function gfhJgds() {
$KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲tupian1").hide(\dots$ ("#tupian2").show();
$KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲tupian3").hide(\dots$ ("#tupian4").hide();
}
达到切换的效果。