js ZeroClipboard组件复制剪切板插件


js ZeroClipboard组件复制剪切板插件
js ZeroClipboard组件复制剪切板插件以及复制剪切板等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/ZeroClipboard.js"></script>

2. HTML代码

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif ,"新宋体";}
.demo{width:680px;margin:40px auto 0 auto;}
.demo td{padding:5px;}
#copy-button{width:125px;height:45px;cursor:pointer;border:0;background:url(images/btn.gif) no-repeat;}
</style>
<div class="demo">
	<table width="100%">
		<tr>
			<td>
				<textarea id="copytext" name="codeiframe" rows="5" cols="60">jsfoot 网页特效比网站建设用户提供jquery 特效 js特效 flash特效 div+css教程 html5教程 提示框 弹出层 浮动层 手风琴 评分、进度条 日期时间 颜色选择器 滚动条美化等多种网页特效。http://www.51qianduan.com/</textarea>
			</td>
		</tr>
		<tr>	
			<td><input type="button" value="" id="copy-button" /></td>
		</tr>
	</table>
</div>
<script type="text/javascript">
var clip = null;
ZeroClipboard.setMoviePath("swf/ZeroClipboard.swf");
$(document).ready(function(){
	clip = new ZeroClipboard.Client();  
	clip.setHandCursor(true);  
	clip.setText($("#copytext").val());  
	clip.glue("copy-button");
	clip.addEventListener("complete", function(){
		alert("代码已复制到剪贴板!");
	});
});
</script>

相关推荐

发表评论

相关文章