首頁 > web前端 > js教程 > 一款基於jQuery的圖片場景標註提示彈出式特效_jquery

一款基於jQuery的圖片場景標註提示彈出式特效_jquery

WBOY
發布: 2016-05-16 16:22:05
原創
1234 人瀏覽過

今天跟大家分享一款基於jQuery的圖片場景標註提示彈出式特效,這款實例適合在圖片上標註某個物件,點選彈出詳情說明,相容於360、FireFox、Chrome、Safari、Opera、傲遊、搜狗、世界之窗,不支援IE8及以下瀏覽器。效果非常不錯。效果如下:

實現的過程。

這個實例要引用jquery和jquery ui函式庫,還有一個實作的main.js函式庫。需要上的朋友可以點選上現的下載按鈕下載來看。

html程式碼部分:

複製程式碼 程式碼如下:

 
       
 
            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
 
   
 
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板