如何创建一个文本选择器
文本选择器,是用户在浏览页面的同时,通过点击鼠标来改变页面或者文本内容的一个效果,如背景图片,字体样式,网页布局等,下面,咱们就开始制作一个文本选择器吧!
操作方法
- 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
运行程序,点击按钮,是不是有变化了呢!
赞 (0)