如何创建一个文本选择器
文本选择器，是用户在浏览页面的同时，通过点击鼠标来改变页面或者文本内容的一个效果，如背景图片，字体样式，网页布局等，下面，咱们就开始制作一个文本选择器吧！
工具/材料
webstorm
操作方法
-
01
打开编译环境(webstorm),在工程文件夹里面新建一个HTML文件：
-
02
把所需要的包如jquery，bootstrap,angular等引入到HTML文件中
-
03
在angular.js文件下方创建一个名为myapp的模块。
-
04
定义一个控制器，并搭建视图与网页内容之间的通信桥梁。
-
05
在控制器里面定义一个变量，变量的值为“欢迎来到IT乐园”，在<div>标签里面输出变量的值。
-
06
运行程序，如果网页中显示的内容与变量的值相等的话，说明：通信桥梁已搭建成功。
-
07
新建一个div标签，在div标签里面创建一个btn按钮和调用点击事件。
-
08
为div标签添加样式，边框，并把所有的网页内容居中显示：
-
09
运行程序。
-
10
在控制器下方增加点击事件。
-
11
运行程序，点击按钮，是不是有变化了呢！
- End
- 发表于 2017-11-29 00:00
- 阅读 ( 695 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章