js method to realize the translucent gradient effect of nine-square grid pictures

js method to realize the translucent gradient effect of nine-square grid pictures_javascript skills

WBOY

Release： 2016-05-16 16:13:47

Original

1314 people have browsed it

The example in this article describes the method of using js to achieve the translucent gradient effect of a nine-square grid image. Share it with everyone for your reference. The specific implementation method is as follows:

Copy code The code is as follows:

Nine-square grid picture translucent gradient effect

        border=0>

height=90> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m01.jpg" border=0 width=180px height=135px>	href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m02.jpg" border=0 width=180px height=135px>	href=""> onmouseover=high(this) onmouseout=low(this) src="/images/m03.jpg" border=0 width=180px height=135px>
href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m04.jpg" border=0 width=180px height=135px>	href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m05.jpg" border=0 width=180px height=135px>	href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m06.jpg" border=0 width=180px height=135px>
href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m07.jpg" border=0 width=180px height=135px>	href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m08.jpg" border=0 width=180px height=135px>	href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m09.jpg" border=0 width=180px height=135px>