jquery 插件复制一些内容

原创于 2012-07-31 21:30:02 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #flash #path #css

本文详细介绍了如何使用jQuery.zclip插件实现网页内容复制功能，包括引入JS、SWF文件，以及自定义复制回调函数，使用户能够方便地复制指定内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://www.steamdev.com/zclip/#download

引入js 在引入swf 可以都是绝对路径

<script type="text/javascript"	src="__PUBLIC__/Js/Jquery.copy/jquery.zclip.min.js"  charset="UTF-8"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#copy-callbacks").zclip({
        path:'__PUBLIC__/Js/Jquery.copy/ZeroClipboard.swf',
        copy:$('#callback-paragraph').val(),
        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();
            alert('复制成功,请发给你的好友吧!');
        }
    });
});
</script>

注意,绑定的元素一定要css 变为 position : relative; 成功后,点击的地方会变为flash形式,右键.