首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > PB >

剪粘板(zeroclipboard)的兑现

2013-01-26 
剪粘板(zeroclipboard)的实现唯一的缺陷就是要部署在服务器上才可以看到效果 步骤如下:1、把ZeroClipboard.

剪粘板(zeroclipboard)的实现
唯一的缺陷就是要部署在服务器上才可以看到效果

步骤如下:

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

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



3、初始化插件,代码如下:
01function 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个步骤就可以成功使用了

代码:

热点排行