热门关键字:
jquery > jquery插件 > jquery文本框特效 > 用ZeroClipboard实现网站内容复制粘贴JS特效

用ZeroClipboard实现网站内容复制粘贴JS特效

19158
所属分类:jquery文本框特效
发布时间:2012/12/12 14:03:19
下载量:3096
评论数:3
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=126

用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特效

 





如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:ZeroClipboard 实用特效 js特效
  • 用ZeroClipboard实现网站内容复制粘贴JS特效如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 用ZeroClipboard实现网站内容复制粘贴JS特效
  • 用ZeroClipboard实现网站内容复制粘贴JS特效
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐