Question

我尝试使用Tooltipsy为我的网站制作工具提示。我想使用＆＃34;语音工具提示＆＃34;主页上显示的样式，但无法找到有关如何实现该样式的说明，当我尝试在页面源代码和css中跟踪它时，我最终得到一个没有小三角形的气泡底部。有人能指出我正确的方向吗？

非常感谢，Alex

Answer 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;       颜色：#fff;       背景色：＃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：后   {       内容：＆＃39;＆＃39 ;;       位置：绝对;       边框：10px坚固透明;       border-left-color：＃000;       上：-10px;       右：40px;       z-index：-1;   }

我希望我能帮助你。

你如何用Tooltipsy制作讲话泡泡？

1 个答案: