给日志添加“复制”效果

 

 

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

在日志编辑页面，源代码中，添加如下代码，包裹住 目标内容
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>

发布日志即可看到效果