我正在嘗試使用Tooltipsy爲我的網站製作工具提示。我想使用主頁上顯示的「語音工具提示」樣式,但無法找到有關如何實現該操作的任何說明,並且當我嘗試在頁面源代碼中查找它時,css結束講話泡泡,底部沒有小三角形的東西。任何人都可以將我指向正確的方向嗎?你如何使用Tooltipsy製作氣泡?
非常感謝,亞歷克斯
我正在嘗試使用Tooltipsy爲我的網站製作工具提示。我想使用主頁上顯示的「語音工具提示」樣式,但無法找到有關如何實現該操作的任何說明,並且當我嘗試在頁面源代碼中查找它時,css結束講話泡泡,底部沒有小三角形的東西。任何人都可以將我指向正確的方向嗎?你如何使用Tooltipsy製作氣泡?
非常感謝,亞歷克斯
我有同樣的問題,你,但我已經在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; }
我希望我已經幫你。
完美!非常感謝你。 –