如何创建一个文本选择器

文本选择器,是用户在浏览页面的同时,通过点击鼠标来改变页面或者文本内容的一个效果,如背景图片,字体样式,网页布局等,下面,咱们就开始制作一个文本选择器吧!

操作方法

  • 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)

相关推荐

  • Linux系统下怎么用CheckInstall从源码创建一个RPM或DEB包

    问题:我想要从源码创建安装的软件包。有没有一种方式从源码来创建和安装软件包,而不是运行“make install”?这样的话,以后如果我想,我可以容易的卸载程序。 如果你已经从它的源码运行“make ...

  • Word创建虚拟文本查看打印区域填满文字的效果

    在word中,有一个不常用的功能,那就是可以创建虚拟文本。 创建虚拟文本有什么好处呢?这是Word中的一个非正式的功能,用来创建虚拟文本来,以便从事新闻通讯或版面设计工作的用户在设计版面的过程中能看到 ...

  • Director如何创建一个新电影

    依次选择 Director 菜单中的“ File ”、“ New ”、“ Movie ”,创建一个新的电影,如果已经有一个电影被打开,此时 Director 会提示你保存。 打开一个已经存在的电影 1 ...

  • Excel怎么创建一个连续的编号呢?

    给 Excel电子表格建立编号,我们常用数据填充或都输入一个首号往下拉填充,如果我们的名单或者数据的某一行被删除了,那么对应的编号也就删除了,编号就不连续了,怎么创建一个连续的编号呢?下面小编介绍一下 ...

  • 会声会影创建一个VCD影片

    视频制作好了,那就要把它拿出来分享,最好的方法就是用它来创建一个VCD,让大家在电视上也能欣赏.或者将它做成网络格式,把它放在网上,供大家欣赏.下面介绍用会声会影输出影片的方法. 一.制作视频VCD ...

  • 如何用AI创建一个农民丰收的季节?

    小编:时间过得真快,秋天到了,秋风吹过田野,吹黄了稻子,金灿灿的稻谷,笑弯了腰.人们这才感受到劳动的甘甜.丰收的喜悦,地里的农民,被太阳晒得发黑的脸上印出了笑容,不知淌了多少汗,如今丰收在望,能不叫人 ...

  • 如何在Adobe Illustrator中创建等轴文本效果

    小编:对于Adobe Illustrator初学者,这个教程将教会大家学习创建文本,以及如何转换为3D对象.还有学习快速选择一些相同属性的形状的操作,并将它们变成复合路径.最后,将学习创建简单的背景, ...

  • 创建一个简单的故障艺术效果【ps教程】

    小编:@4FIRE本教程对于Adobe Photoshop初学者,这个教程将向您展示如何使用Photoshop的图层样式,滤镜和图层蒙版创建一个快速简单的故障艺术文字效果.让我们开始吧! 使用PS制作 ...

  • 如何创建一个生动的涂鸦文字效果

    小编:今天教大家制作涂鸦文字效果,此教程简单有趣,非常适合初学者.文中的过程非常详细,大家可以跟着教程一步一步的来做,遇到什么问题可以提出来大家帮着解决,完成了不要忘记晒出来呦! 这个简单有趣的教程将 ...