10 JavaScript/JS image effects

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.