Pandown-JS

一个轻量级的 JavaScript 库，为网页中的网盘下载链接提供美观的按钮样式和便捷的复制功能。

特性

• 🎨 美观的 UI 设计：为每种网盘提供专属的主题色
• 📋 一键复制提取码：自动复制提取码并打开下载链接
• 🌐 支持多种网盘：覆盖主流网盘服务
• ⚡ 轻量级：无需依赖，开箱即用
• 📱 响应式设计：适配各种屏幕尺寸

安装

CDN 方式（推荐）

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Fgaoxing/pandown-js/pandown.js"></script>

NPM 方式

npm install pandown

使用方法

基础用法

在 HTML 中添加 <pandown> 标签：

<pandown
    type="baidu"
    url="https://pan.baidu.com/s/xxx"
    pwd="abcd"
    fname="资源名称">
</pandown>

属性说明

属性	是否必填	说明
type	必填	网盘类型（见下方支持的网盘列表）
url	必填	下载链接地址
fname	必填	资源名称
pwd	可选	提取码（如果有）
name	可选	自定义网盘名称（type 为 yun 时使用）
color	可选	自定义颜色（type 为 yun 时使用）

支持的网盘类型

type 值	网盘名称	主题色
baidu	百度网盘	#09aaff
tx	腾讯微云	#2980ff
onedrive	OneDrive	#0078d4
hc	和彩云	#e5dbfd
ty	天翼云	#ffa500
aliyun	阿里云	#637dff
115	115网盘	#2777f8
jg	坚果云	#c3773d
360	360安全云盘	#2ac389
123	123云盘	#597dfc
qn	七牛云盘	#00aae7
github	GitHub	#000000
lz	蓝奏云	#ff6600
yun	自定义	自定义

使用示例

百度网盘（有提取码）

<pandown
    type="baidu"
    url="https://pan.baidu.com/s/1xxxxx"
    pwd="1234"
    fname="示例文件">
</pandown>

OneDrive（无提取码）

<pandown
    type="onedrive"
    url="https://1drv.ms/u/s!xxxxx"
    fname="我的文档">
</pandown>

自定义网盘

<pandown
    type="yun"
    name="我的云盘"
    color="#ff0000"
    url="https://example.com/download"
    pwd="8888"
    fname="自定义资源">
</pandown>

多个网盘同时展示

<pandown type="baidu" url="https://pan.baidu.com/s/xxx" pwd="1234" fname="资源备份"></pandown>
<pandown type="tx" url="https://share.weiyun.com/xxx" pwd="5678" fname="备用链接"></pandown>
<pandown type="onedrive" url="https://1drv.ms/u/s/xxx" fname="OneDrive备份"></pandown>

效果预览

点击"下载"按钮后：

• 如果有提取码，会自动复制到剪贴板并提示"已复制好!"
• 自动在新标签页打开下载链接

浏览器支持

• Chrome（推荐）
• Firefox
• Safari
• Edge
• 现代浏览器

License

MIT License

作者

Fgaoxing

问题反馈

如有问题或建议，请提交 Issue

更新日志

v1.0.0

• 初始版本发布
• 支持 13 种主流网盘
• 一键复制提取码功能