Let's take a look at how to install and use these JS image effects:
- Decompress the downloaded JavaScript code package and upload it to the website space. Then, add the code to the head that needs to display the effect. For example, if the JS highlighted shadow effect is glossy, add the following code:
<SCRIPT type = "text/JavaScript" src = "glossy. js"> </SCRIPT>
- For WordPress, you can add it in header. php. If you only want to see results on the article page, you can also consider adding
- Then, add the following to the mark of the image to display the special effect:
Class = "glossy"
1. Highlighted rounded corner shadow
This javadcript effect can be used as an image button.
JS download link
2. Oblique shadow effect
It looks very similar to the above JS effect, but it is also different.
JS download link
3. Reflecting water
This JS allows the image to implement the popular Web2.0 style-the Special Effect of Water Reflection.
JS download link
10. Lace Effect
Simple image lace effect.
JS download link
5. rounded corner + shadow
You may remember to use roundpic to generate a rounded image online. In fact, this JS can also achieve the effect.
JS download link
6. Photo Frame Effect
If you are working on an Image blog, you will like this Js. After using it, all the images in the blog post will have the effect of photo frames.
JS download link
7. magnifiers
A very interesting js to achieve a magnifier effect.
JS download link
8. philin Effect
If you are writing a movie blog, this effect may make you like it.
JS download link
9. Black Photo Frames
If you do not like the white image frame without stereoscopy, try the JS effect with sufficient stereoscopy.
JS download link
10. Paging Effect
Page turning is very common. Google will find many related tutorials. If you don't want to spend time learning, download this JS directly.
JS download link