给日志添加“复制”效果

给日志添加“复制”效果

 

 

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

在日志编辑页面，源代码中，添加如下代码，包裹住 目标内容
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="复制代码" οnclick="copyCnblogsCode(this)" href="javascript:void(0);">
<img alt="复制代码" src="http://common.cnblogs.com/images/copycode.gif"></a></span>
</div>

</div>

发布日志即可看到效果

posted on 2015-04-15 21:25  v.e.n.u.s 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/jx270/p/4430260.html