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