2014-03-06 56 views
1

我正在嘗試使用Tooltipsy爲我的網站製作工具提示。我想使用主頁上顯示的「語音工具提示」樣式,但無法找到有關如何實現該操作的任何說明,並且當我嘗試在頁面源代碼中查找它時,css結束講話泡泡,底部沒有小三角形的東西。任何人都可以將我指向正確的方向嗎?你如何使用Tooltipsy製作氣泡?

非常感謝,亞歷克斯

回答

1

我有同樣的問題,你,但我已經在Tootipsy網頁的源代碼擡頭......和瑤池怎麼辦!

這裏是JavaScript調用

$('.hastip').tooltipsy({ 
    className: 'bubbletooltip_tip', 
    offset: [0, 10], 
    show: function (e, $el) { 
     $el.fadeIn(100); 
    }, 
    hide: function (e, $el) { 
     $el.fadeOut(1000); 
    } 
}); 

而CSS:

.bubbletooltip_tip { 填充:10px的; color:#fff; background-color:#222; -moz-box-shadow:inset 0 0 10px#000; -webkit-box-shadow:inset 0 0 10px#000; box-shadow:inset 0 0 10px#000; text-shadow:0 0 3px#000; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; 位置:相對; }

.bubbletooltip_tip:after { content:''; position:absolute; 邊框:10px實心透明; border-left-color:#000; top:-10px; right:40px; z-index:-1; }

我希望我已經幫你。

+0

完美!非常感謝你。 –