JavaScript base Show/Hide effects click on Picture, div display, picture replacement, click on the changed picture, Div hidden

Source: Internet
Author: User

Town Field Poem:
The Pure Heart sentiment wisdom language, does not have the world name and the benefit. Learn water under the hundred rivers, give up arrogant slow meaning.
Learn to have a small return to feed root, willing to cast a conscience blog. Sincere in this writing experience, willing to see the text to inspire.
——————————————————————————————————————————

Code

<! DOCTYPE html>


  
Result

Show1:

Show2:

The appearance of a picture corresponds to the presence of a red block, and the appearance of another image corresponds to the hidden red block.

A little mouse, picture replacement, red block has not shown. This effect is like the show/hide of some shopping sites.

——————————————————————————————————————————
The essence of the blog, in the technical part, more in the town yard a poem. ide:vs2015; Browser: Firefox.
Html+css+js, strong, worth studying hard. The video tutorial of the Preach Intelligence podcast is my Learning Resource, recommended.
If there are any improvements to the blog post, please leave a comment and I'll think it over.

Note: I am an ordinary person working hard, this article is only for testing and reference use, can not be used for other purposes. The terms of use are accepted on your behalf when you refer to the content of your blog.

JavaScript base Show/Hide effects click on Picture, div display, picture replacement, click on the changed picture, Div hidden

Related Article

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.