用ZeroClipboard实现网站内容复制粘贴js特效是一款非常实用的功能,最近很多网友也问到JquerySchool网站上有没有这样的特效,今天无意中在网站上看到就把它整理出来分享,用法非常简单,唯一的缺陷就是要部署在服务器上才可以看到效果。
步骤如下:
1、把ZeroClipboard.swf这个flash文件跟ZeroClipboard.js这个文件放在同一个目录
2、页面上引入插件文件ZeroClipboard.js,代码如下:
<script type="text/javascript" src="ZeroClipboard.js"></script>
3、初始化插件,代码如下:
function init() {
clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
clip.addEventListener('mouseOver', function (client){
clip.setText( $('fe_text').value );
});
clip.addEventListener('complete', function (client, text) {
alert("复制成功,您可以粘贴发送给QQ上的好友或QQ群了^_^");
});
clip.glue('clip_button', 'clip_container');
}
4、在body添中一个 onLoad="init()"或用JS代码在页面一加载的时候调用init()方法来初始化插件
经过以上4个步骤就可以成功使用了
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
ZeroClipboard 实用特效 js特效