Jquery to achieve picture light box shading effect
- 2020-03-29 23:49:53
- OfStack
The effect is as follows:
< img border = 0 SRC = "/ / files.jb51.net/file_images/article/201311/20131115163751319.png" >
< img border = 0 SRC = "/ / files.jb51.net/file_images/article/201311/20131115163849171.png" >
DIV structure:
< img border = 0 SRC = "/ / files.jb51.net/file_images/article/201311/20131115163952448.png" >
Jquery implementation:
< img border = 0 SRC = "/ / files.jb51.net/file_images/article/201311/20131115164435927.png" >
< img border = 0 SRC = "/ / files.jb51.net/file_images/article/201311/20131115164519544.png" >
< img border = 0 SRC = "/ / files.jb51.net/file_images/article/201311/20131115164622480.png" >
Call:
< img border = 0 SRC = "/ / files.jb51.net/file_images/article/201311/20131115164717066.png" >