jQuery小案例
这篇文章我们主要是讲如何改变网页的背景颜色和改变背景图片以及计算器这三个小案例,我们将用到jQuery的方式去实现效果
我们先开始如何该表网页的背景颜色:
第一步:还是老规矩,先把页面新建好,在开始写我们的代码
第二步:开始写我们的html和css样式。这里我就把html和css样式的代码省略了,(图表1 则是我写的最终效果)
图表 1
样式写出来了,可是不我想要的一个效果,我想要的是点击一下红色方块整个网页的背景就变成了红色,点击绿色方块整个网页又变成了绿色,这个效果该怎么去实现了?
想一下啊,是点一下它就改变背景颜色,是不是应该给他绑定一个点击事件,点击事件是不是就只有一个单击事件和双击事件啊。这里我们则用单击事件给他绑定元素,也可以用双击事件,这里就由自己去决定
注意:在用jQuery实现改变背景颜色之前一定要把jQuery的插件添加进去【<script src="~/Content/jquery-3.2.1.min.js"></script>】,这是我添加jQuery插件的路径,具体路径则看自己添加的方式