<div id="J_pop_share"> <input id="J_video_iframe1" value="<iframe src="http://caibaojian.com/book/"></iframe>" /> <button id="J_copy_btn1">复制</button> </div>
var clip = null;//ZeroClipboard.Client对象
var current_id = null;//当前所在的文本元素id
//指定ZeroClipboard.swf位置
ZeroClipboard.setMoviePath(location.protocol+"//club.pcauto.com.cn/js/ZeroClipboard.swf");
clip = new ZeroClipboard.Client();//创建ZeroClipboard.Client对象
clip.setHandCursor(true);//鼠标移动到元素上之后显示手型
clip.glue('J_copy_btn1','J_pop_share');
clip.setText($('#J_video_iframe1').val());
//添加复制成功之后的操作
clip.addEventListener('complete', function() {
alert('复制成功');
});
<div id="J_pop_share">
<div>
<input id="J_video_iframe1" value="<iframe src="http://caibaojian.com/book/"></iframe>" />
<button id="J_copy_btn1" class="btn-copy-text">复制</button>
</div>
<div>
<input id="J_video_iframe2" value="<iframe src="http://caibaojian.com/book/"></iframe>" />
<button id="J_copy_btn2" class="btn-copy-text">复制</button>
</div>
<div>
<input id="J_video_iframe3" value="<iframe src="http://caibaojian.com/book/"></iframe>" />
<button id="J_copy_btn3" class="btn-copy-text">复制</button>
</div>
<div>
<input id="J_video_iframe4" value="<iframe src="http://caibaojian.com/book/"></iframe>" />
<button id="J_copy_btn4" class="btn-copy-text">复制</button>
</div>
</div>
//上面的代码
$(".btn-copy-text").each(function(i){
var index =i+1;
$(this).on('mouseover',function(){
var button_id = $(this).attr('id');//复制div的id
//var text_id = button_id+'_text';//要复制的元素id
var text_id = 'J_video_iframe'+(index);
move_swf(text_id , button_id);
});
});
//移动浮动flash div到指定的地方,从而只需要使用一个flash即可在多个地方实现复制功能
function move_swf(text_id,button_id) {
//重新指定flash浮动div位置,用reposition
clip.reposition(button_id, 'J_pop_share');
clip.setText($('#'+text_id).val());
}
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有