JS/JQuery 代码、框架收藏-优快云博客

本文精选了三款实用的Web插件：DD_roundies用于快速创建圆角边框，jQuery-zclip提供跨浏览器的复制功能，Zebra_Dialog则是一款高度可定制的对话框插件。这些插件体积小且易于集成。

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

插件收藏

DD_roundies

DD_roundies是一个圆角边框创建脚本，不需要借助任何图片。大小只有3.62Kb。

主页：http://dillerdesign.com/experiment/DD_roundies/

下载：http://dillerdesign.com/experiment/DD_roundies/#download

示例：http://dillerdesign.com/experiment/DD_roundies/#background_properties

zClip

jQuery-zclip是一个复制内容到剪贴板的jQuery插件，使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持，使用时记得安装Adobe Flash Player。

1、jQuery-zclip插件官网

2、jQuery-zclip用法

//引入jQuery-zclip相关js及swf文件
<script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/jquery.zclip.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#cp-btn").zclip({
        path:'<%=path%>/resources/js/ZeroClipboard.swf', //记得把ZeroClipboard.swf引入到项目中 
        copy:function(){
            return $('#inviteUrl').val();
        }
    });
});
</script>

<div class=form-row>
    <div class=col-md-5>
        <input class=form-control value="" id="inviteUrl"/>
    </div>
    <div class=col-md-1>
        <a href="javascript:void(0)" id="cp-btn"
            class="btn btn-default btn-block btn-clean">复  制</a>
    </div>
</div>

配置说明

path:swf的路径(复制主要是用flash解决不同浏览器的复制)
copy:待复制的内容, 可以是静态内容, 也可以 return 动态内容
beforeCopy:复制之前要做的function;
afterCopy:复制之后要做的function;

提供了3个方法
show:$(selected).zclip('show');//复制功能有效
hide:$(selected).zclip('hide');//复制功能无效
remove:$(selected).zclip('remove');//完全移除复制功能

Zebra_Dialog

Zebra_Dialog 是一个小型的对话框插件，最小化后只有 4K 左右，只包含一个 js 文件，要求 jQuery 1.5.2 或者更新版本。是一个可灵活配置的对话框插件。

主页：http://stefangabos.ro/jquery/zebra-dialog/

下载：http://www.oschina.net/action/project/go?id=17860&p=download

文档：http://www.oschina.net/action/project/go?id=17860&p=doc

代码收藏

代码实现A标签跳转解决window.open()打开页面被拦截的问题

var a = document.createElement("a");  
a.setAttribute("href", url);  
a.setAttribute("target", "_blank");  
document.body.appendChild(a);  
if (document.all) {  
    // For IE   
    a.click();   
} else if (document.createEvent) {  
    //FOR DOM2  
    var e = document.createEvent('HTMLEvents');   
    e.initEvent('click', false, true);  
    a.dispatchEvent(e);  
}