VisualStudio怎么实现点击网页中的按钮动态显示文本?

Visual Studio 2015中想在网页中制作一个按钮，单击后就会在网页中显示文本，该怎么制作这个效果呢？下面我们就来看看详细的教程。

1、首先，设置在网页中显示文本的格式，文本的高度为100像素，宽度为280像素。

2、定义显示文本的字体大小为22像素，离左侧和右侧的距离设置为自动，离顶部的距离设置为15像素。

3、接着，用font标签在网页中插入要显示的文本。

4、由于显示的文本内容是动态控制的，所以设置一个标识符poemsi，用来动态表示显示的诗句。

5、然后，在网页中插入一个按钮，如下图所示。

6、按钮的高度为33像素，宽度为100像素，离左侧和右侧的距离为自动，离顶部的距离为20像素。

7、用type属性，定义按钮的类型为button。

8、定义按钮的标签为显示，单击后执行的函数为show。

9、按钮的背景色值为#aaeded，字体大小为20像素。

10、然后，定义show函数，用function方法定义函数名。

11、给诗词变量poemsi赋值，本例为古诗草的诗句。

12、最后，使网页显示变量中的值，即显示诗句。

13、在浏览器中浏览网页，单击网页中的显示按钮后，自己设置的诗句内容就在页面中显示出来。

以上就是vs205用按钮控制文本动态显示的技巧，希望大家喜欢，请继续关注我们。

赞 (0)

相关推荐

  • Selenium(python版本)如何启动浏览器模拟点击网页链接或按钮？

    最近,很多新手用户问小编,python如何模拟网页按钮点击?我们知道Selenium软件有针对不同语言(如C.python等)的版本,可以进行网页测试,这里以python语言作为编程语言,介绍如何启动 ...

  • 怎么使用EXCEL将网页中的表格直接导入进EXCEL

    怎么使用EXCEL将网页中的表格直接导入进EXCEL

    excel表格可以直接从网站中将原表格直接导入,也可以直接复制粘贴进去,或者从下载好的网站中导入.今天小编就告诉大家excel表格怎么从网站中直接导入表格数据.具体如下:1. 首先我们打开excel表 ...

  • 如何使用安卓自动点击软件来自动点击网页

    所谓的安卓自动点击就是通过简单编辑对各种动作进行的一系列组合,所谓的自动点击网页的软件是什么,其实就是一个自动点击的软件,它不是作弊器,只能帮助你简化操作和节省时间,下面以某个网页为例进行示范. 操作 ...

  • VisualStudio网页怎么实现按钮获取手机验证码?

    Visual Studio用户注册页面需向所注册手机发送验证码,然后通过验证后才能注册,该怎么实现手机验证的功能呢?下面我们就来看看详细的教程. 1.首先,要制作一个手机号的输入文本框,用div标签插 ...

  • 如何快速复制网页中的文字？

    使用网页中的内容是编辑文档时经常要用的操作,但由于网页文件过大,往往在执行粘贴操作后需要相当长的时间才能完成,甚至有可能造成死机.当只需要网页中的文字资料时,可以使用选择性粘贴功能来操作,具体操作步骤 ...

  • 如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果？

    如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果？

    相信很多小伙伴都有在使用Axure,在其中如何才能制作"网页中的点击关闭按钮后就能隐藏广告"的效果呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开Axure,在其 ...

  • 点击浏览器网页中链接无反应

    上网过程中,在用浏览器浏览网页的时候,看到网页中的链接,单击这些链接却没有任何反应,不跳转到新的网页窗口中.这可能是浏览器打开新建窗口的程序文件被破坏. 操作方法 01 单击"开始" ...

  • IE有效避免恶意网页中恶意代码的攻击

    恶意网页成了宽带的最大威胁之一。以前使涌Modem，因为打开网页的速度慢，在完全打开前关闭恶意网页还有避免中招的可能性。现在宽带的速度这么快，所以很容易就被恶意网页攻击。 一般恶意网页都是因为加入了用 ...

  • Win7下在IE8浏览器点击网页会发出咚咚的声音怎么办

    Windosw7最近在全球正式发布了，很多朋友也都装上最新Windows7操作系统，装了以后感觉还不错，不过发现系统中的IE8浏览器会出现一个小问题。在IE8中点击网页的时候系统会发出咚咚的声音?比如 ...