JS在网页制作中的应用

1.制作几个<div>，使其点击是可以改变它的背景色，且只能改变一个背景色：

      这里运用到了一个新的属性“this”，代表了它所在的标签。这道题需要先将全部的div变回原来的颜色后，在使其点击是改变颜色。

      如果要使它们全部可以在每点击一下时改变颜色，就可以将全部变为原来的颜色这一步省略。

 

2.通过JS给标签加如事件：

      它需要在设置函数的前面加上定义的该标签的变量的，然后写上该事件的触发方式，即“a.οnclick=”，表示a在点击时触发后面的函数，而这里面的“function”不需要写函数名，称为匿名函数。

      如果将上题变为同第一题一样，则：

这样就可以出现与第一题一样的效果，其中只有元素才可以加入事件，所以不能直接使用d[i],而是使用“this”代替，这里面的“this”代表了当前元素。

 

3.用JS实现鼠标移上变色效果：

      这段函数在制作过程中要分为两部分，鼠标移上时变色的效果和鼠标离开后恢复的效果。

      在鼠标移上效果中，也要实现移到一个上的时候变色，移到另一个前一个恢复，当前的变色的效果。

转载于:https://www.cnblogs.com/maoqiaoyu123/p/7998288.html