zClip使用方法

实例1

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zclip.js"></script>
<p id="description">这是要复制的内容</p>
<a id="copy-description">复制</a>
<script type="text/javascript">
$(document).ready(function(){
    $('a#copy-description').zclip({
        path:'js/ZeroClipboard.swf',
        copy:$('p#description').text()
    });
</script>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zclip.js"></script>
<input type="text" value="这是要复制的内容" id="dynamic" /><br />
<a id="copy-dynamic">复制</a>
<script type="text/javascript">
$(document).ready(function(){
    $('a#copy-dynamic').zclip({
        path:'js/ZeroClipboard.swf',
        copy:function(){return $('input#dynamic').val();}
    });
</script>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zclip.js"></script>
<div id="callback-paragraph" style="width:200px; height:200px; border:1px solid #000;">这是要复制的内容</div>
<a id="copy-callbacks">复制</a>
<script type="text/javascript">
$(document).ready(function(){
    $("a#copy-callbacks").zclip({
        path:'js/ZeroClipboard.swf',
        copy:$('#callback-paragraph').text(),
        beforeCopy:function(){
            $('#callback-paragraph').css('background','yellow');
            $(this).css('color','orange');
        },
        afterCopy:function(){
            $('#callback-paragraph').css('background','green');
            $(this).css('color','purple');
            $(this).next('.check').show();
        }
    });
});
</script>