Caption Effect of the slideshow appears on the site of the picture

Source: Internet
Author: User

The aesthetic of the website and the information that can be displayed in an area for a number of other reasons, we can see a lot of graphic mixing effects.

(This target is the amount of information presented to the user on a per unit area)

For example, put the mouse on the picture. Then the picture flips to the back and the back is the picture's introductory information

For example, put the mouse on the picture, and then from the bottom or either end of the picture to pop the corresponding information layer, the picture position unchanged

For example, put the mouse on the picture. And then the picture moves up to the display of the introductory information.


This blog is about the third analogy mentioned above.

Photo Effects show demo samples such as the following:

At first: Mouse up: The last is:


Principle:

The A tag here contains pictures and text. The fact slice and the text is a general, can understand lets a display in a fixed width high container, from this container sees only can see 190*114 so big area.

Popular point is to take a wooden frame framed a picture, put the wooden frame on the picture, you can only see the frame size of the area of the painting, you move up and down the picture, the position of the wood frame is unchanged, in the wood frame of the painting area is not the same bar. This special effect is similar to this meaning.

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

Copyright notice: This article blog original articles, blogs, without consent, may not be reproduced.

Caption Effect of the slideshow appears on the site of the picture

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.