Use jquery to implement a picture mask translucent Fall Mask _jquery

The default nine Sudoku picture arrangement effect, when the mouse hovers over the picture, will drop a translucent mask from the top of the picture

At the same time there are some text introduction

How to use:

1, the head of the CSS style into your Web page
2, copy the code part to your Web page before the end of the place can be
(JS, picture using absolute path, do not recommend modification)

Copy Code code as follows:

$ (function () {
$ ('. Sgw_img dt '). Hover (function () {
$ (this). Children ('. Box '). Stop (true,true). Delay (m). Animate ({' top ': 0,opacity:0.8},300);
},function () {
$ (this). Children ('. Box '). Stop (True,true). Animate ({' top ': -482,opacity:0},200);
})
$ ('. SGW_IMG dd '). Hover (function () {
$ (this). Children ('. Box '). Stop (true,true). Delay (m). Animate ({' top ': 0,opacity:0.8},300);
},function () {
$ (this). Children ('. Box '). Stop (True,true). Animate ({' top ': -382,opacity:0},200);
})
})

The above is the entire content that this article shares, hoped everybody can like.