记录xiuno帖子快捷回复代码 折腾教程

折腾 2022-5-31 2938

HTML

<div id="div1_xn_zt" class="div_xn_zt">
    <span class="font_xn_zt"><i class="icon-commenting-o"></i>&nbsp;点击可以快捷回复</span>  
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('啥也不说了,感谢xiuno折腾网的分享!')" title="" data-original-title="啥也不说了,感谢xiuno折腾网的分享!">感谢</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('正需要,支持xiuno折腾网!')" title="" data-original-title="正需要,支持xiuno折腾网!">支持</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('确实是难得好帖啊,顶先')" title="" data-original-title="确实是难得好帖啊,顶先">不错</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('么有分,谁能送我点积分啊::>_<::')" title="" data-original-title="么有分,谁能送我点积分啊::>_<::">无奈</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('这个帖一般般,还可以哦。')" title="" data-original-title="这个帖一般般,还可以哦。">一般</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('额,看不懂在说神马~@_@')" title="" data-original-title="额,看不懂在说神马~@_@">生气</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('珍惜生命,果断回帖。')" title="" data-original-title="珍惜生命,果断回帖。">回帖</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('我只是路过打酱油的')" title="" data-original-title="我只是路过打酱油的">路过</span>
                <span class="button_xn_zt" data-toggle="tooltip" data-placement="top" onclick="addmsg_xn_zt('来抢楼了,看我占个前排,支持xiuno折腾网!')" title="" data-original-title="来抢楼了,看我占个前排,支持xiuno折腾网!">顶帖</span>
</div>​

CSS

<style>
	.div_xn_zt{border:1px solid #CED4DA;margin: 0.1rem 0 0.9rem 0;padding:5px;background:#FFFFFF; }
	.button_xn_zt {background-color: #60A971;color:#FFFFFF;cursor:pointer;padding:3px 5px 3px 5px; margin-right:5px; border:1px solid #60A971; }
	.font_xn_zt {color: #FFA500;font-weight:700;margin-left:5px;margin-right:10px;}
	.par_xn_zt{margin-left:5px;margin-top:10px;margin-bottom:5px;}
	@media (max-width: 576px){
	.div_xn_zt{width: 100%;}
	.button_xn_zt{margin-top: 0.5rem;
    display: inline-block;}
}
</style>

JS

──── 0人觉得很赞 ────
最新回复 (9)
  • wushuiyin 2022-7-3
    0 沙发
    这个很实用  感谢分享
  • 4078499 2022-7-17
    0 板凳
    支持,很实用
  • cete 2022-7-19
    0 地板
    啥也不说了,感谢xiuno折腾网的分享!
  • 七夏 2022-7-24
    0 4楼
    啥也不说了,感谢xiuno折腾网的分享!
  • geruixi 2022-8-8
    0 5楼
    有插件吗
  • 折腾 2022-8-8
    0 6楼
    geruixi 有插件吗
    没有,可以做成插件的
  • able324 2022-10-8
    0 7楼
    这个就算了,到时候都成了灌水的了
  • lv1314521 2022-11-8
    0 8楼
    挺好的。。
  • 若如初 6月前
    0 9楼
    确实是难得好帖啊,顶先
返回