剪粘板(zeroclipboard)的实现

[size=large][color=red]唯一的缺陷就是要部署在服务器上才可以看到效果[/color][/size]

[size=large] 步骤如下：

1、把ZeroClipboard.swf这个flash文件跟ZeroClipboard.js这个文件放在同一个目录

2、页面上引入插件文件ZeroClipboard.js，代码如下：
1 <script type="text/javascript" src="ZeroClipboard.js"></script>



3、初始化插件，代码如下：
01 function init() {
02 clip = new ZeroClipboard.Client();
//修改swf文件路径
<%-- ZeroClipboard.setMoviePath('<%=basePath%>swf/ZeroClipboard.swf'); --%>
03 clip.setHandCursor(true);
04 clip.addEventListener('mouseOver', function (client){
05 clip.setText( $('fe_text').value );
06 });
07 clip.addEventListener('complete', function (client, text) {
08 alert("复制成功，您可以粘贴发送给好友^_^");
09 });
10 clip.glue('clip_button', 'clip_container');
11 }

4、在body添中一个 onLoad="init()"或用JS代码在页面一加载的时候调用init()方法来初始化插件



经过以上4个步骤就可以成功使用了 [/size]

代码：