jquery.zclip.js是一个居于jQuery的剪贴板插件，可以将指定内容复制到系统剪贴板中，兼容IE 6, IE 7, IE 8, FF 3.6, Chrome 8, Safari 5, Opera 11。项目地址：http://www.steamdev.com/zclip/
jquery.zclip.js配置API
设置 | ||
|---|---|---|
| 配置项目 | 默认值 | 可用值和说明 |
| path * | "ZeroClipboard.swf" | "ZeroClipboard.swf"flash文件的路径，如"/swf/ZeroClipboard.swf" |
| copy * | null | 可以为任何string类型，javascript表达式或者一个返回string类型的函数 译者注：使用方法很方便实现一个页面内容的多个内容拷贝，具体看示例 |
| afterCopy | null | 拷贝结束后的回调函数，配置这个回调函数会替换掉alert输出拷贝内容的默认回调 |
| beforeCopy | null | 拷贝之前的回调函数 |
| clickAfter | true | true false |
| setHandCursor | true | true false |
| setCSSEffects | true | true false |
| *为必填项 | ||
<html>
<head>
<title>jquery.zclip.js jquery剪贴板插件 </title>
</head>
<script src="/js/jquery.js"> </script>
<script src="jquery.zclip.min.js"> </script>
<script>
$( function () {
$( 'a[rel]').zclip({ copy: function () { return $( this.getAttribute( 'rel')).html(); } });
});
</script>
<body>
<a rel="#p1">拷贝1 </a>
<p id="p1">拷贝内容1拷贝内容1拷贝内容1 </p>
<a rel="#p2">拷贝2 </a>
<p id="p2">拷贝内容2
拷贝内容2 </p>
<a rel="#p3">拷贝3 </a>
<p id="p3">拷贝内容3
拷贝内容3 </p>
</body>
</html>
<head>
<title>jquery.zclip.js jquery剪贴板插件 </title>
</head>
<script src="/js/jquery.js"> </script>
<script src="jquery.zclip.min.js"> </script>
<script>
$( function () {
$( 'a[rel]').zclip({ copy: function () { return $( this.getAttribute( 'rel')).html(); } });
});
</script>
<body>
<a rel="#p1">拷贝1 </a>
<p id="p1">拷贝内容1拷贝内容1拷贝内容1 </p>
<a rel="#p2">拷贝2 </a>
<p id="p2">拷贝内容2
拷贝内容2 </p>
<a rel="#p3">拷贝3 </a>
<p id="p3">拷贝内容3
拷贝内容3 </p>
</body>
</html>
2947
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
