效果？看我
以下是网页插件代码
导入网页插件：葫芦林聊天气泡（当前用户：1，总安装次数：2）
<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script>
$(function(){
var img = "http://yourImage" ,bc = "#1CC";
// 头像地址，头像边框颜色
var tail = "yourTail";
// 底部小尾巴内容
var bg = "#0DD", fc= "#FFF";
// 气泡背景颜色，气泡字体颜色
var header = "[div=width:100%;vertical-align:top][div=overflow-x:hidden;width:50px;height:50px;background:#fff url("+img+");background-size:50px auto;border:3px solid "+bc+";border-radius:50%;box-shadow:0 0 3px #000;margin:5px 15px 5px 5px;display:inline-block;vertical-align:top][/div][div=height:100%;display:inline-block;width:calc(100% - 90px);vertical-align:top][div=background:"+bg+";padding:20px;box-shadow:0 0 3px #000;color:"+fc+";border-radius:3px;margin:3px]";
var footer = " [/div][/div][/div][span=display:none]--[/span][div=padding:3px 0;text-align:center;font-size:7px;border:1px solid #1EE;border-style:solid none;margin-top:10px]"+tail+"[/div]";
// Mark-1
$('#reply_topic_button,#quick_chat_button,#post_topic_button').click(function(){
var content = $('#content').val();
$('#content').val(header + content + footer);
})
})
</script>
如果不想在发帖时显示效果请删除
Mark-1处的,#post_topic_button
如果不想在回帖时显示效果请删除
Mark-2处的#reply_topic_button,
我是林子里的第一条尾巴,快来羡慕我吧
亮瞎眼
风扬烽火连天处，传来笛声悠扬
<script>
$(function(){
var img = "http://yourImage" ,bc = "#1CC";
// 头像地址，头像边框颜色
var tail = "yourTail";
// 苹果手机
var bg = "#0DD", fc= "#FFF";
// 气泡背景颜色，气泡字体颜色
var header = "
var footer = "
// Mark-1
$('#reply_topic_button,#quick_chat_button,#post_topic_button').click(function(){
var content = $('#content').val();
$('#content').val(header + content + footer);
})
})
</script>
啊啊啊
啊啊啊
@梦浪的小虾米，
虎绿林第一条小尾巴的拥有者，你好啊
<script>
$(function(){
var img = "http://yourImage" ,bc = "#1CC";
// 头像地址，头像边框颜色
var tail = "yourTail";
// 底部小尾巴内容
var bg = "#0DD", fc= "#FFF";
// 气泡背景颜色，气泡字体颜色
var header = "
var footer = "
// Mark-1
$('#reply_topic_button,#quick_chat_button,#post_topic_button').click(function(){
var content = $('#content').val();
$('#content').val(header + content + footer);
})
})
</script>