当前位置 : 主页 > 网页制作 > JQuery >

使用jQuery创建基于HTML / CSS的语音泡泡

来源:互联网 收集:自由互联 发布时间:2021-06-15
在我的PM给出的设计中,我需要创建语音泡沫作为调用功能或为用户提供帮助的手段. 泡泡应该能够处理任何数量的文本.例如,它可能是15个字或150个.是的,这将是一个大泡沫. 用户单击帮助
在我的PM给出的设计中,我需要创建语音泡沫作为调用功能或为用户提供帮助的手段.

泡泡应该能够处理任何数量的文本.例如,它可能是15个字或150个.是的,这将是一个大泡沫.

用户单击帮助按钮(?)并且气泡应该淡入并且不会干扰周围的UI元素.

你可以用css做到这一切:
http://nicolasgallagher.com/pure-css-speech-bubbles/

除了部分褪色.但那是简单的jquery.

如果你有一切正常工作,只是无法找出圆角边框,你可以尝试css属性`border-radius:#px;

它还具有其他浏览器兼容性的属性:

-webkit-border-radius: #px; 
-moz-border-radius: #px;
网友评论