给日志添加“复制”效果

imageimage

给日志添加如上效果的实现方法:

image

在日志编辑页面,源代码中,添加如下代码,包裹住 目标内容
style1:

<div class="cnblogs_code">
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"></span></div>

                    要复制的内容here…
</div>

style2:
<div class="cnblogs_code">
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy">

<a title="复制代码" onclick="copyCnblogsCode(this)" href="javascript:void(0);">
<img alt="复制代码" src="
http://common.cnblogs.com/images/copycode.gif"></a></span>
</div>

</div>

发布日志即可看到效果

原文地址:https://www.cnblogs.com/jx270/p/4430260.html