Maison >interface Web >js tutoriel >Une fenêtre contextuelle d'annotation de scène d'image basée sur jQuery effect_jquery

Une fenêtre contextuelle d'annotation de scène d'image basée sur jQuery effect_jquery

WBOY
WBOYoriginal
2016-05-16 16:22:051221parcourir

Aujourd'hui, je vais partager avec vous un effet de fenêtre contextuelle d'annotation de scène d'image basé sur jQuery. Cet exemple convient pour annoter un objet sur une image. Il est compatible avec 360, FireFox,. Chrome, Safari, Opera et Maxthon, Sogou et Window of the World ne prennent pas en charge les navigateurs IE8 et versions antérieures. L'effet est très bon. L'effet est le suivant :

Le processus de mise en œuvre.

Cet exemple doit faire référence aux bibliothèques jquery et jquery ui, ainsi qu'à une bibliothèque main.js implémentée. Les amis qui en ont besoin peuvent cliquer sur le bouton de téléchargement ci-dessus pour télécharger et jeter un œil.

partie du code html :

Copier le code Le code est le suivant :

 
       
 
            Sofa 
               

 
                    A sofa, is an item of furniture designed to seat more than one person, and providing 
                    support for the back and arms.

 
               
Television 
                   

 
                        Television (TV) is a telecommunication medium for transmitting and receiving moving 
                        images that can be monochrome (black-and-white) or colored, with or without accompanying 
                        sound.

 
                   
Carpet 
                       

 
                            Carpet is a textile floor of an upper layer attached to a backing.

 
                       
Chair 
                           

 
                                Chair is an item of furniture designed to seat one person, and providing support 
                                for the back and arms.

 
                           
Showcase">http://www.5icool.org/">Showcase 
                               

 
                                    Showcase is used to showcase things at home

 
                               
 
       
 
       
 
           

 
           

 
            X
 
   
 
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn