A jquery-based picture scene callout Cue popup effect

Love programming small part of today to share a picture based on the jquery scene callout hint popup effect, this example is suitable to mark an object in the picture, click the pop-up details, compatible with 360, FireFox, Chrome, Safari, Opera, Proud tour, Sogou, the window of the world, IE8 and the following browsers are not supported. The effect is very good. The effect is as follows:

Online preview Source Download

The process of implementation.

This example references the jquery and jquery UI libraries, as well as an implemented Main.js library. Friends on the need to click on the Download button on the current download to see.

HTML code section:

 <Divclass= "Container">        <Divclass= "Labels">            <aID= "Label1"class= "Label"href="#">Sofa<P>A sofa, is an item of furniture designed to seat more than one person, and providing support for the back and arms.</P>                <span/></a><aID= "Label2"class= "Label"href="#">Television<P>Television (TV) is a telecommunication medium for transmitting and receiving moving                        Images that can is monochrome (black-and-white) or colored, with or without accompanying Sound.</P>                    <span/></a><aID= "Label3"class= "Label"href="#">Carpet<P>Carpet is a textile floor of the upper layer attached to a backing.</P>                        <span/></a><aID= "Label4"class= "Label"href="#">Chair<P>Chair is a item of furniture designed to seat one person, and providing support for the back and arms.</P>                            <span/></a><aID= "Label5"class= "Label"href= "http://www.5icool.org/">Showcase<P>Showcase is used-Showcase things at home</P>                                <span/></a>        </Div>        <Divclass= "description">            <P>            </P>            <aclass= "Close">X</a></Div>    </Div>

via:http://www.w2bc.com/article/14040

A jquery-based picture scene callout Cue popup effect