Question

我有一个形成html页面背景的图像，我想在其上叠加气泡。我已经弄清楚如何用css制作气泡，并设置它们的位置。但我无法弄清楚我将如何填充气泡（div元素）。短信将填充文件，我需要抓住字符串并将其显示在气泡中，随着消息的进入刷新气泡内容。有什么想法吗？

Answer 1

假设你的一个气泡包含一个如下所示的DIV：

<div id="bubble1">This is the text</div>

您可以使用Javascript轻松更改文字内容。建议使用像jQuery这样的JS库。这是一个更改文本的代码示例：

<script>

$(document).ready(function()
{
  $('#bubble1').text('This is the changed text'); // to change the text
  $('#bubble1').html('This has <b>some</b> formatting'); // to change the html
});

</script>

不要忘记将jQuery本身包含在以下行中：

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

我无法理解你从哪里得到你的字符串，如果你让我知道，我可以更新答案。

如果您不熟悉jQuery，请查看here。

Answer 2

我认为这会回答你的问题： http://nicolasgallagher.com/pure-css-speech-bubbles/ 请记住，这是css3，因此旧浏览器可能会遇到问题。

将文本实时添加到语音气泡中

2 个答案: