js ZeroClipboard組件復制剪切板插件



如需定制開發(網站開發、二次開發)在線咨詢,請點擊>> QQ:753511799

22 87 30



特效描述:復制剪切板。js ZeroClipboard組件復制剪切板插件

代碼結構

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.4756661.live/</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>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 圖片頭像上傳 文件上傳 文本框 下拉框 復選 單選 登錄框 注冊框 搜索框 驗證碼 二級聯動 三級聯動 城市選擇 value賦值 篩選 按鈕控制 購物車 顏色選擇 表單提交 全選/反選 添加刪除 添加標簽 密碼強度驗證 表單驗證 html5按鈕動畫 按鈕樣式 密碼修改設置 切換按鈕 form表單
?
×
×
51前端

注冊

×
綁定手機

請綁定手機號,在繼續操作

×
單次下載支付

應付金額:279

支付完成后,回到下載頁面,在進行下載

官方QQ群
意見反饋
qq群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

林肯娱乐怎么赚钱 湖南动物快乐十分前三组选遗漏数据 内蒙古快3奇偶 广东11选5精准计划网 天津快乐十分开奖一定牛 股票开户有哪些 深大通股票最新消息 陕西11选五数据统计 徽十一选五赢钱 天津十一选五玩法规则 体彩排列三开奖号码走势图带连线