手把手教你在winform中将文本或文件路径拖到控件中

news2024/12/24 20:45:17

文章目录

  • 前言
  • 博主履历介绍:
  • 一、将txt文件的所有内容复制到 RichTextBox中
  • 二、将txt文件的一行内容移动到RichTextBox中
  • 三、将多个文件的全路径复制到 RichTextBox中
  • 四 、源码
    • 1、[Winform从入门到精通(1)——(如何年入30万+)](https://blog.csdn.net/qq_34059233/article/details/104818311)
    • 2、[Winform从入门到精通(2)——Button(史上最全)](https://blog.csdn.net/qq_34059233/article/details/108869139)
    • 3、[Winform从入门到精通(3)——Form(史上最全)](https://blog.csdn.net/qq_34059233/article/details/121260620)
    • 4、[Winform从入门到精通(4)——Textbox(史上最全)](https://blog.csdn.net/qq_34059233/article/details/121507433)
    • 5、[Winform从入门到精通(5)——checkBox(史上最全)](https://blog.csdn.net/qq_34059233/article/details/121547425)
    • 6、[Winform从入门到精通(6)——radioButton(史上最全)](https://blog.csdn.net/qq_34059233/article/details/121548208)
    • 7、[Winform从入门到精通(7)——ComboBox(史上最全)](https://blog.csdn.net/qq_34059233/article/details/121551959)
    • 8、[Winform从入门到精通(8)——richTextBox(史上最全)](https://blog.csdn.net/qq_34059233/article/details/122362363)
    • 9、[Winform从入门到精通(9)——ListBox(史上最全)](https://blog.csdn.net/qq_34059233/article/details/122432252)
    • 10、[Winform从入门到精通(10)——CheckedListBox(史上最全)](https://blog.csdn.net/qq_34059233/article/details/122486646)
    • 11、[Winform从入门到精通(11)——numericUpDown(史上最全)](https://blog.csdn.net/qq_34059233/article/details/122492955)
    • 12、[Winform从入门到精通(12)——LinkLabel(史上最全)](https://blog.csdn.net/qq_34059233/article/details/122494012)
    • 13、[Winform从入门到精通(13)——DateTimePicker(史上最全)](https://blog.csdn.net/qq_34059233/article/details/122495893)
    • 14、[Winform从入门到精通(14)——NotifyIcon(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129101473)
    • 15、[Winform从入门到精通(15)——contextMenuStrip(史上最全)](https://blog.csdn.net/qq_34059233/article/details/108865197)
    • 16、[Winform从入门到精通(16)——Timer(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129221656)
    • 17、[Winform从入门到精通(17)——PictureBox(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129225654)
    • 18、[Winform从入门到精通(18)——Chart(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129369477)
    • 19、[Winform从入门到精通(19)——DataGridView(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129369731)
    • 20、[Winform从入门到精通(20)——TableLayoutPanel(史上最全](https://blog.csdn.net/qq_34059233/article/details/108900262)
    • 21、[Winform从入门到精通(21)——ProgressBar(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129718046)
    • 22、[Winform从入门到精通(22)——Panel(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129802561)
    • 23、[Winform从入门到精通(23)——FlowLayoutPanel(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129827134)
    • 24、 [Winform从入门到精通(24)——GroupBox(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129882973)
    • 25、[Winform从入门到精通(25)——SplitContainer(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129889411)
    • 26、[Winform从入门到精通(26)——TabControl(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129897106)
    • 27、[Winform从入门到精通(27)——Label(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129968811)
    • 28、[Winform从入门到精通(28)——ToolTip(史上最全)](https://blog.csdn.net/qq_34059233/article/details/129970929)
    • 29、[Winform从入门到精通(29)——MaskedTextBox(史上最全)](https://blog.csdn.net/qq_34059233/article/details/130001781)
    • 30、[Winform从入门到精通(30)——MonthCalendar(史上最全)](https://blog.csdn.net/qq_34059233/article/details/130040501)
    • 31、[Winform从入门到精通(31)——TreeView(史上最全)](https://blog.csdn.net/qq_34059233/article/details/130162901?spm=1001.2014.3001.5502)
    • 32、[Winform从入门到精通(32)——MenuStrip(史上最全)](https://blog.csdn.net/qq_34059233/article/details/130191013)
    • 33、[Winform从入门到精通(33)——OpenFileDialog(史上最全)](https://blog.csdn.net/qq_34059233/article/details/130443535)
    • 34、[Winform从入门到精通(34)——SaveFileDialog(史上最全)](https://blog.csdn.net/qq_34059233/article/details/130450902)
    • 35、[Winform从入门到精通(35)——FontDialog(史上最全)](https://blog.csdn.net/qq_34059233/article/details/130454646)
    • 36、[Winform从入门到精通(36)——ColorDialog(史上最全)](https://blog.csdn.net/qq_34059233/article/details/130455587)
    • 37、[Winform从入门到精通(37)——FolderBrowserDialog(史上最全)](https://blog.csdn.net/qq_34059233/article/details/130457728)

前言

我们在winform开发中经常有这类需求:我们需要将文件,比如txt文件的所有内容复制到 RichTextBox控件上,或者需要将txt文件的某一行内容移动到 RichTextBox控件上,这些功能是怎么实现的呢?请接着往下看。

博主履历介绍:

本人2017年硕士毕业,行业经验六年+,一直在自动化行业从事上位机软件开发的工作,当然运动控制和机器视觉也广泛涉及,目前也是以高级软件工程师的职位任职,薪资我就不方便透露了,你可以去招聘网站去查上位机高级软件工程师的薪资范围(只能说至少两万月薪Base),可以说理论和实战经验都比较丰富,所以我的经验对学习c#的尤其自动化行业的人极具参考价值,可以说如果掌握了我的博客所有文章,你也可以达到甚至超越我的水平,也祝愿大家都能通过自己的努力找到理想的工作!

本篇文章是我经过多年实战经验总结的博客专栏《winform控件从入门到精通》系列文章中的一篇介绍如何用几行代码给winform多个控件(数量无上限)赋值文章,如果需要系统的了解winform控件开发,请订阅专栏《winform控件从入门到精通》,限时19.9元(一顿外卖),原创不易,敬请谅解!本专栏会对winform中所有控件进行介绍,包括控件的属性和事件,重点是我会将控件所有属性和事件进行介绍,并且也会在专栏中增加一些案例来帮助想学习winform控件的程序员来巩固以及练习如何灵活的运用控件的各种特性来实现不同的功能,所以该专栏文章既包含了入门内容,也包含了进阶内容,对于想学习winform控件开发的程序员来说这绝对是一份非常详细的资料,您也可以将其作为自己的字典,需要使用某个功能的时候来查阅即可,当然如果您发现我的文章中有您需要的功能,但是我没有进行介绍,您可以在我的博客中留言,我会及时更新该功能,感谢大家一直以来的支持!

**订阅《winform控件从入门到精通》专栏的vip成员还可享受以下增值服务:
1)进入VIP群和众多学员一起交流学习winform,c#,找工作等
2)博主会上传一些免费的学习资料帮助大家学习,比如本篇博文说的上位机源码、《c#图解教程》、《c#本质论》的电子书籍、串口助手的源码等
3)如果遇到学习困难还可在群里@博主来帮助你

关于所有控件的访问链接如下:

1、Winform从入门到精通(27)——Label(详细版本)
2、Winform从入门到精通(2)——Button(史上最全)
3、Winform从入门到精通(3)——Form(史上最全)
4、Winform从入门到精通(4)——Textbox(史上最全)
#5、Winform从入门到精通(5)——checkBox(史上最全)
6、Winform从入门到精通(6)——radioButton(史上最全)
7、Winform从入门到精通(7)——ComboBox(史上最全)
8、Winform从入门到精通(8)——richTextBox(史上最全)
9、Winform从入门到精通(9)——ListBox(史上最全)
10、Winform从入门到精通(10)——CheckedListBox(史上最全)
11、Winform从入门到精通(11)——numericUpDown(史上最全)
12、Winform从入门到精通(12)——LinkLabel(史上最全)
13、Winform从入门到精通(13)——DateTimePicker(史上最全)
14、Winform从入门到精通(14)——NotifyIcon(史上最全)
15、Winform从入门到精通(15)——contextMenuStrip(史上最全)
16、Winform从入门到精通(16)——Timer(史上最全)
17、Winform从入门到精通(17)——PictureBox(史上最全)
18、Winform从入门到精通(18)——Chart(史上最全)
19、Winform从入门到精通(19)——DataGridView(史上最全)
20、Winform从入门到精通(20)——TableLayoutPanel(史上最全
21、Winform从入门到精通(21)——ProgressBar(史上最全)
22、Winform从入门到精通(22)——Panel(史上最全)
23、Winform从入门到精通(23)——FlowLayoutPanel(史上最全)
24、 Winform从入门到精通(24)——GroupBox(史上最全)
25、Winform从入门到精通(25)——SplitContainer(史上最全)
26、Winform从入门到精通(26)——TabControl(史上最全)
27、Winform从入门到精通(28)——ToolTip(史上最全)
28、Winform从入门到精通(29)——MaskedTextBox(史上最全)
29、Winform从入门到精通(30)——MonthCalendar(史上最全)
30、Winform从入门到精通(31)——TreeView(史上最全)
31、Winform从入门到精通(32)——MenuStrip(史上最全)
32、Winform从入门到精通(33)——OpenFileDialog(史上最全)
33、Winform从入门到精通(34)——SaveFileDialog(史上最全)
34、Winform从入门到精通(35)——FontDialog(史上最全)
35、Winform从入门到精通(36)——ColorDialog(史上最全)
36、Winform从入门到精通(37)——FolderBrowserDialog(史上最全)

下面进入正题:

一、将txt文件的所有内容复制到 RichTextBox中

先选中test.txt文件,按下鼠标左键,然后按下"ctrl"键,拖动文件到form1窗体上
在这里插入图片描述
在上图中可以看到我将text.txt文件的路径拖到了“文件名列表”中,这样我可以通过这个文件名将test.txt文件中的内容全部读取到

二、将txt文件的一行内容移动到RichTextBox中

先选中”c#软件工“,然后按下鼠标左键,然后按下"shift"键,拖动文本到form1窗体上
在这里插入图片描述
在上图中可以看到我将文本”c#软件工“这几个字移动到了form1窗体上

三、将多个文件的全路径复制到 RichTextBox中

先按下ctrl键,选中两个txt文件,然后鼠标拖到form1窗体上
在这里插入图片描述
从上图可以看出,两个txt文本的路径都被存到了“文件列表中”。

四 、源码

 public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            this.AllowDrop = true;//允许将数据拖放到form1上
            this.DragEnter += RichTextBox1_DragEnter;//注册对象拖入form1的边界时发生
            this.DragDrop += RichTextBox1_DragDrop;//注册拖放操作完成时发生
        }

        private void RichTextBox1_DragDrop(object sender, DragEventArgs e)
        {
            try
            {
                richTextBox_Content.Clear();
                richTextBox_DataType.Clear();
                richTextBox_FileList.Clear();
                List<string> fileNames = new List<string>();
                Type t = typeof(DataFormats);
                FieldInfo[] info = t.GetFields();//获取对象的所有字段
                foreach (FieldInfo item in info)
                {
                    string itemName = item.Name;//获取字段名称
                    fileNames.Add(itemName);
                }
          
                foreach (string item in fileNames)//判断拖入的对象是什么类型,并输出到richTextBox_DataType中
                {
                    if (e.Data.GetDataPresent(item))
                    {
                        string tempStr = string.Concat(item,"\r\n");
                        richTextBox_DataType.AppendText(tempStr);
                    }
                }
           
                if (e.Data.GetDataPresent(DataFormats.FileDrop))//如果拖入的对象是个文件,则将所有文件路径输出到richTextBox_FileList中
                {
                    string[] files = (string[])e.Data.GetData(DataFormats.FileDrop);
                    foreach (string item in files )
                    {
                        string tempStr = string.Concat(item, "\r\n");
                        richTextBox_FileList.AppendText(tempStr);
                    }
                }
                if (e.Data.GetDataPresent(DataFormats.Text))//如果拖入的对象是个文本,则将文本内容输出到richTextBox_Content中
                {
                    string str = e.Data.GetData(DataFormats.Text).ToString();
                    richTextBox_Content.AppendText(str);
                }
            }
            catch(Exception ex)
            {
                MessageBox.Show(ex.Message );
            }
        }

        private void RichTextBox1_DragEnter(object sender, DragEventArgs e)
        {
            DragDropEffects dragDropEffects = e.AllowedEffect;//获取拖到事件的发起方(源)所支持的操作

            if((e.KeyState &8)==8&& (dragDropEffects& DragDropEffects.Copy)== DragDropEffects.Copy )//如果ctrl键被按下,并且源支持复制,则复制源到目标
            {
                e.Effect = DragDropEffects.Copy;
            }
            else if((e.KeyState & 4) == 4 && (dragDropEffects & DragDropEffects.Move ) == DragDropEffects.Move)//如果shift键被按下,并且源支持移动,则移动源到目标
            {
                e.Effect = DragDropEffects.Move ;
            }
            else
            {
                e.Effect = DragDropEffects.None;//ctrl键和shift键这两个键都没有被按下则,拖放目标不接受数据,DragDrop事件也不会触发
            }
        }
    }

老铁们,以后再遇到这种需要拖文件的场景是不是一点也不慌了?哈哈!如果你也想做到“控件心中过,界面自然成”的境界,请关注我的博客专栏《winform控件从入门到精通》,更多控件的访问链接如下:
点击链接即可转到该控件的详细介绍:

1、Winform从入门到精通(1)——(如何年入30万+)

2、Winform从入门到精通(2)——Button(史上最全)

3、Winform从入门到精通(3)——Form(史上最全)

4、Winform从入门到精通(4)——Textbox(史上最全)

5、Winform从入门到精通(5)——checkBox(史上最全)

6、Winform从入门到精通(6)——radioButton(史上最全)

7、Winform从入门到精通(7)——ComboBox(史上最全)

8、Winform从入门到精通(8)——richTextBox(史上最全)

9、Winform从入门到精通(9)——ListBox(史上最全)

10、Winform从入门到精通(10)——CheckedListBox(史上最全)

11、Winform从入门到精通(11)——numericUpDown(史上最全)

12、Winform从入门到精通(12)——LinkLabel(史上最全)

13、Winform从入门到精通(13)——DateTimePicker(史上最全)

14、Winform从入门到精通(14)——NotifyIcon(史上最全)

15、Winform从入门到精通(15)——contextMenuStrip(史上最全)

16、Winform从入门到精通(16)——Timer(史上最全)

17、Winform从入门到精通(17)——PictureBox(史上最全)

18、Winform从入门到精通(18)——Chart(史上最全)

19、Winform从入门到精通(19)——DataGridView(史上最全)

20、Winform从入门到精通(20)——TableLayoutPanel(史上最全

21、Winform从入门到精通(21)——ProgressBar(史上最全)

22、Winform从入门到精通(22)——Panel(史上最全)

23、Winform从入门到精通(23)——FlowLayoutPanel(史上最全)

24、 Winform从入门到精通(24)——GroupBox(史上最全)

25、Winform从入门到精通(25)——SplitContainer(史上最全)

26、Winform从入门到精通(26)——TabControl(史上最全)

27、Winform从入门到精通(27)——Label(史上最全)

28、Winform从入门到精通(28)——ToolTip(史上最全)

29、Winform从入门到精通(29)——MaskedTextBox(史上最全)

30、Winform从入门到精通(30)——MonthCalendar(史上最全)

31、Winform从入门到精通(31)——TreeView(史上最全)

32、Winform从入门到精通(32)——MenuStrip(史上最全)

33、Winform从入门到精通(33)——OpenFileDialog(史上最全)

34、Winform从入门到精通(34)——SaveFileDialog(史上最全)

35、Winform从入门到精通(35)——FontDialog(史上最全)

36、Winform从入门到精通(36)——ColorDialog(史上最全)

37、Winform从入门到精通(37)——FolderBrowserDialog(史上最全)

更多控件持续更新中

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/508614.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

「MIAOYUN」:降本增效,赋能传统企业数字化云原生转型 | 36kr 项目精选

作为新经济综合服务平台第一品牌&#xff0c;36氪自2019年落地四川站以来&#xff0c;不断通过新锐、深度的商业报道&#xff0c;陪跑、支持四川的新经济产业。通过挖掘本土优质项目&#xff0c;36氪四川帮助企业链接更多资源&#xff0c;助力企业成长&#xff0c;促进行业发展…

分布式系统概念和设计——命名服务设计和落地经验

分布式系统概念和设计 通过命名服务&#xff0c;客户进程可以根据名字获取资源或对象的地址等属性。 被命名的实体可以是多种类型&#xff0c;并且可由不同的服务管理。 命名服务 命名是一个分布式系统中的非常基础的问题&#xff0c;名字在分布式系统中代表了广泛的资源&#…

C语言:指针求解鸡兔同笼问题

题目&#xff1a;鸡兔同笼问题 要求&#xff1a;使用自定义函数void calc(int h, int f,int *c,int *r) 求解鸡兔同笼问题。 h 表示总的头数&#xff0c;f 表示总的脚数。 例子&#xff1a; 输入&#xff1a; 5 16 输出&#xff1a; 2 3 分析&#xff1a; 在该代码中&a…

05-Docker安装Mysql、Redis、Tomcat

Docker 安装 Mysql 以安装 Mysql 5.7为例&#xff1a; docker pull mysql:5.7Mysql 单机 Mysql 5.7安装 启动 Mysql 容器&#xff0c;并配置容器卷映射&#xff1a; docker run -d -p 3306:3306 \--privilegedtrue \-v /app/mysql/log:/var/log/mysql \-v /app/mysql/data:…

ASP.NET Core MVC 从入门到精通之文件上传

随着技术的发展&#xff0c;ASP.NET Core MVC也推出了好长时间&#xff0c;经过不断的版本更新迭代&#xff0c;已经越来越完善&#xff0c;本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容&#xff0c;适用于初学者&#xff0c;在校毕业生&#xff0c…

VMware NSX-T Data Center 3.2.2.1 - 数据中心网络全栈虚拟化

请访问原文链接&#xff1a;https://sysin.org/blog/vmware-nsx-t-3/&#xff0c;查看最新版。原创作品&#xff0c;转载请保留出处。 作者主页&#xff1a;sysin.org VMware NSX-T Data Center 3.2.2.1 | 30 MAR 2023 | Build 21487560 VMware NSX-T Data Center 3.2.2 | 08 …

NOA上车「清一色」自主品牌,哪些供应商正在突围前线

随着入门级L2进入普及周期&#xff0c;以NOA&#xff08;高速、城区&#xff09;为代表的L2/L2赛道&#xff0c;正在成为主机厂、硬件供应商、算法及软件方案商的下一波市场制高点的争夺阵地。 高工智能汽车研究院监测数据显示&#xff0c;2023年1-3月中国市场&#xff08;不含…

MySQL基础(十六)变量、流程控制与游标

1. 变量 在MySQL数据库的存储过程和函数中&#xff0c;可以使用变量来存储查询或计算的中间结果数据&#xff0c;或者输出最终的结果数据。 在 MySQL 数据库中&#xff0c;变量分为系统变量以及用户自定义变量。 1.1 系统变量 1.1.1 系统变量分类 变量由系统定义&#xff…

【Nacos在derby模式下密码忘记】使用derby的ij工具重置密码/修改密码

【问题描述】 nacos部署未用mysql,直接运行&#xff0c;使用了默认的derby数据库&#xff0c;这时候不一小心修改的密码给忘记了&#xff0c;无法登录 当时是部署在centos上的一个演示环境&#xff0c;没有采用mysql数据库&#xff0c;如果生产上&#xff0c;建议使用mysql。 …

php用户分享信息技术交流大学生论坛系统vue

系统应实现的目标 1. 提供安全、友好的操作环境&#xff1a;避免一些网上的不良言论&#xff0c;创造一个和谐的网络环境。 2. 提供发表帖子功能&#xff1a;注册的用户可以自由发帖&#xff0c;发表符合法律法规的言论。 3. 提供回复帖子功能&#xff1a;户可以自由回复&am…

camunda执行监听器如何使用

在Camunda工作流引擎中&#xff0c;执行监听器是一种机制&#xff0c;用于在业务流程执行期间捕获特定事件并执行相应的操作。它们可以帮助您实现一些重要的任务&#xff0c;例如&#xff1a; 1、记录或更新业务数据&#xff1a;当流程中的任务或事件发生时&#xff0c;您可以…

工程监测无线中继采集发送仪 指示灯功能说明及接口定义

工程监测NLM5无线中继采集发送仪 指示灯功能说明及接口定义 指示灯功能说明 标识 名称 状态 描述说明 备注说明 CHG 正在充电 常亮 正在充电 DON 充电完成 常亮 已充满 POW 电源指示 常亮 外部电源已连接 仅用于指示是否连接了外部电源 熄灭 无外部电源 SIG 空 RUN 运行状态 闪…

“数字社区”诞生 “智慧大脑”助力提升社区综合治理效能

近日&#xff0c;民政局等9部门印发的《关于深入推进智慧社区建设的意见》提出&#xff0c;到2025年&#xff0c;基本构建起网格化管理、精细化服务、信息化支撑、开放共享的智慧社区服务平台&#xff0c;初步打造成智慧共享、和睦共治的新型数字社区。 数字社区建设是智慧城市…

最优化理论-线性规划解的几何特征

目录 一、引言 二、线性规划的定义 三、线性规划的几何特征 1.可行域 2.最优解 3.等价约束 4.对偶问题 四、线性规划的应用 五、结论 一、引言 最优化理论是数学中的一个重要分支&#xff0c;它研究如何在给定的约束条件下&#xff0c;寻找一个最优解。其中&#xff…

【MySql】数据库索引

数据库索引 索引索引的创建索引的查看索引的删除 聚簇索引 & 非聚簇索引聚簇索引非聚簇索引 索引创建原则 索引 可以简单理解为一本书的目录信息&#xff0c;是为了提升查找效率而建立的 索引的创建 1、在创建一个主键、唯一键、外键时候&#xff0c;数据库会自动地针对查…

Express框架的安装和使用

1.Express框架简介 Node.js的web框架发展至今,第一个知名的框架为Connect框架.它类似一个中间件的脚手架.只提供逻辑,不实现具体的处理逻辑.中间件概念的引入Express框架奠定了基础. 2.Express框架的安装 安装分为局部安装和全局安装. 2.1局部安装 1.在D盘创建expressStud…

html实现开心消消乐小游戏

文章目录 1.设计来源1.1 游戏界面 2.效果和源码2.1 动态效果2.2 源代码 源码下载 作者&#xff1a;xcLeigh 文章地址&#xff1a;https://blog.csdn.net/weixin_43151418/article/details/130594511 html实现开心消消乐小游戏源码 《开心消消乐》 是一款三消游戏&#xff0c;游…

站群服务器和普通服务器区别

更有利于提升 站群服务器指的是对于站群系统提升客户开发设计的网络服务器&#xff0c;客户租服务器来置放好几个网站&#xff0c;许多客户以便免费在线上扩大曝出会挑选提升好几个网站。非站群服务器&#xff0c;基础只有置放两三个网站&#xff0c;并且在管理方法时也…

跨模态检索论文泛读:VisualSparta-利用加权的词袋进行大规模的文本到图像的检索

ACL2021 | 利用加权的词袋进行大规模的文本到图像的检索 VisualSparta: An Embarrassingly Simple Approach to Large-scale Text-to-Image Search with Weighted Bag-of-words主打速度&#xff01; 简介 目前的跨模态检索方法主要分为查询相关和查询无关两种。查询无关的方法…

js实现产品页点击小图在大图区显示

企业网站产品图片可能会比较多&#xff0c;需要在产品页面多放几张展示图片&#xff0c;我们可以使用一张大图几张小图的形式排列&#xff0c;并使用js代码实现点击小图显示大图。效果如下所示 html代码部分&#xff1a; <div class"img_bd"> <img src"…