ZeroClipboard的一个难题。

enjoylife 发布于 2011/05/13 22:12
阅读 2K+
收藏 0

先像大家推荐个插件ZeroClipboard(http://code.google.com/p/zeroclipboard/)。 是一个拷贝复制的插件。

想在一堆输出上加上个弹框。试了好久,都没有成功。技术实在是太菜了。大家不忙的时候帮看看这个插件。指点下。谢谢!

html代码

<div   id="code1'" class="cptext" rel="'.$url.'">要拷贝的文本</div> 
<div id="cd1" class="test" style="display: none; border: 1px solid #ccc; padding: 8px;">测试测试测试</div>';

jquery代码:

ZeroClipboard.setMoviePath("http://example.com/js/ZeroClipboard.swf");
var clip = null;
var url = '';

function init() {
    clip = new ZeroClipboard.Client();
    clip.setHandCursor( true );

    $('.cptext').mouseover( function() {
        clip.setText(this.innerHTML);
            $('.test').css("display","block");
        if (clip.div) {
            clip.receiveEvent('mouseout', null);
            clip.reposition(this);
        } else {
                        clip.glue(this);
                }
        clip.receiveEvent('mouseover', null);
        url = $(this).attr('rel');
    });

    clip.addEventListener('mouseUp', function(client) {
        window.open(url);
    });
  clip.addEventListener('mouseOut', function (client) { 
$('.test').css("display","none");
   });

}

$(document).ready(function() {
    init();
});

我不怎么懂js。 参照着这2个页面写的:

http://www.xinran001.com/bbs/thread-71688-1-1.html

http://code.google.com/p/zeroclipboard/wiki/Instructions

加载中
返回顶部
顶部