Xp系统教程

windowsxp系统下怎样创建一个文本选择器

时间:2017-11-29 作者: 来源:

虽然微软已经不再维护windowsxp系统,但是坚持使用这个系统的朋友仍然不少。不过,他们在使用过程中也会遇到一些疑问。比如,一位朋友都想要在windowsxp系统下制作一个文本选择器,可是操作了很久都没有成功。这该怎么办呢?接下来,就随小编一起看看具体方法吧!

具体如下:

1、打开编译环境(webstorm),在工程文件夹里面新建一个HTML文件。

windowsxp系统下怎样创建一个文本选择器

2、把所需要的包如jquery,bootstrap,angular等引入到HTML文件中。

windowsxp系统下怎样创建一个文本选择器

3、在angular.js文件下方创建一个名为myapp的模块。

windowsxp系统下怎样创建一个文本选择器

4、定义一个控制器,并搭建视图与网页内容之间的通信桥梁。

windowsxp系统下怎样创建一个文本选择器

5、在控制器里面定义一个变量,变量的值为“欢迎来到IT乐园”,在标签里面输出变量的值。

windowsxp系统下怎样创建一个文本选择器

6、运行程序,如果网页中显示的内容与变量的值相等的话,说明:通信桥梁已搭建成功。

windowsxp系统下怎样创建一个文本选择器

7、新建一个div标签,在div标签里面创建一个btn按钮和调用点击事件。

windowsxp系统下怎样创建一个文本选择器

8、为div标签添加样式,边框,并把所有的网页内容居中显示。

windowsxp系统下怎样创建一个文本选择器

9、运行程序。

windowsxp系统下怎样创建一个文本选择器

10、在控制器下方增加点击事件。

windowsxp系统下怎样创建一个文本选择器

11、运行程序,点击按钮,是不是有变化了呢!

windowsxp系统下怎样创建一个文本选择器

windowsxp系统下创建一个文本选择器的方法就为大家介绍到这里了。感兴趣的朋友们,不妨也动手尝试操作看看!

0人赞过

网友评论

我要评论
发表 取消

相关阅读