制作网页链接教程
摘要：本文详细介绍了如何制作网页链接的方法。首先，文章概述了整篇内容，接着分成多个段落进行介绍。每个段落都提供了具体的案例和参数，以帮助读者更好地理解链接制作过程。文章使用了合适的标题和表格，使得内容结构清晰明了。很后，提醒读者文中不能出现
标签，且内容不能涉及政治与黄赌毒。<h2 style="margin-top: 20px; margin-bottom: 10px;">1. 简介</h2><p>在网页设计和开发过程中，链接是非常重要的元素之一。通过链接，用户可以方便地跳转到其他页面或站点。本文将详细介绍如何制作网页链接，并提供实际案例和参数供参考。</p><h2 style="margin-top: 20px; margin-bottom: 10px;">2. 制作文本链接</h2><h3 style="margin-top: 20px; margin-bottom: 10px;">2.1 基本语法</h3><p>制作文本链接是网页制作中很常见的形式之一。基本的语法如下：</p><p>```</p><p><a href="链接地址">链接文本</a></p><p>```</p><p>在上面的代码中，`href`属性指定了链接的目标地址，`链接文本`则是用户点击时可见的文本。下面是一个实际的示例：</p><p>```</p><p><a href="https://www.example.com">点击跳转到示例网站</a></p><p>```</p><p>该链接将会在用户点击时跳转到`https://www.example.com`这个网站。</p><h3 style="margin-top: 20px; margin-bottom: 10px;">2.2 设置链接样式</h3><p>除了简单地制作文本链接外，我们还可以通过CSS样式来美化链接的外观。例如，可以改变链接的颜色、字体大小和下划线状态等。下面是一个示例：</p><p>```</p><p><a href="https://www.example.com" style="color: blue; font-size: 16px; text-decoration: none;">示例链接</a></p><p>```</p><p>在上面的代码中，`style`属性用于设置链接的样式。这里将链接的颜色设置为蓝色，字体大小为16像素，同时去除了默认的下划线。</p><h2 style="margin-top: 20px; margin-bottom: 10px;">3. 制作图像链接</h2><p>除了文本链接，我们还可以使用图像作为链接的内容。这种形式在广告、导航等场景中非常常见。下面是制作图像链接的基本语法：</p><p>```</p><p><a href="链接地址"><img src="图像地址" alt="图像描述"></a></p><p>```</p><p>在上述代码中，`href`属性指定了链接的目标地址，`src`属性指定了图像的地址，`alt`属性用于为图像添加描述文字。下面是一个实际的示例：</p><p>```</p><p><a href="https://www.example.com"><img src="logo.png" alt="示例网站"></a></p><p>```</p><p>上述示例将会在用户点击图像时跳转到`https://www.example.com`，同时图像将显示为`logo.png`文件，并在无法加载图像时显示为"示例网站"。</p><h2 style="margin-top: 20px; margin-bottom: 10px;">4. 制作邮箱链接</h2><p>除了跳转到网页，我们还可以制作邮箱链接，使用户能够方便地发送邮件。制作邮箱链接的基本语法如下：</p><p>```</p><p><a href="mailto:邮箱地址">发送邮件</a></p><p>```</p><p>在上面的代码中，`mailto:`指定了链接的协议，后面紧跟着邮箱地址。下面是一个实际的示例：</p><p>```</p><p><a href="mailto:example@example.com">发送邮件给示例邮箱</a></p><p>```</p><p>用户在点击上述链接时，会自动打开默认的邮件客户端并填写示例邮箱地址。</p><h2 style="margin-top: 20px; margin-bottom: 10px;">5. 制作下载链接</h2><p>在网页中，我们也可以制作下载链接，让用户能够方便地获取文件。制作下载链接的基本语法如下：</p><p>```</p><p><a href="文件地址" download>下载文件</a></p><p>```</p><p>在上述代码中，`href`属性指定了下载文件的地址，`download`属性则表示该链接是一个下载链接。下面是一个示例：</p><p>```</p><p><a href="files/example.pdf" download>下载示例文件</a></p><p>```</p><p>用户点击上述链接时，浏览器会自动下载名为`example.pdf`的文件到本地。</p><h2 style="margin-top: 20px; margin-bottom: 10px;">6. 总结</h2><p>通过本文的介绍，我们学习了如何制作网页链接。无论是文本链接、图像链接还是其他类型的链接，掌握这些知识都能够为网页设计和开发工作提供帮助。希望读者通过本文的学习，能够更加熟练地制作各种类型的链接，并在实际项目中灵活运用。</p><p><table></p><p> <tr></p><p> <th>链接类型</th></p><p> <th>代码示例</th></p><p> </tr></p><p> <tr></p><p> <td>文本链接</td></p><p> <td><a href="https://www.example.com">点击跳转到示例网站</a></td></p><p> </tr></p><p> <tr></p><p> <td>图像链接</td></p><p> <td><a href="https://www.example.com"><img src="logo.png" alt="示例网站"></a></td></p><p> </tr></p><p> <tr></p><p> <td>邮箱链接</td></p><p> <td><a href="mailto:example@example.com">发送邮件给示例邮箱</a></td></p><p> </tr></p><p> <tr></p><p> <td>下载链接</td></p><p> <td><a href="files/example.pdf" download>下载示例文件</a></td></p><p> </tr></p><p></table></p><p>注意：本文内容仅供学习参考，请勿用于任何非法用途。切勿在网页中涉及政治内容、黄赌毒等违法违规内容。</p><style>
table {
border-collapse: collapse;
margin: 20px auto;
width: 100%;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
}
th {
background-color: #ccc;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
</style>
<p></p>
</div>
</div>
<div class="pk-row rf">
<div class="pk-w-md-9 pk-text-truncate pk-text-left">
</div>
<div class="pk-w-md-3">
</div>
</div>
<a name="replylist"></a>
<div class="pk-kxpc-ggdiv8"></div>
<div class="pk-row rpt">
<div class="pk-w-md-3 pk-kxpc-text primary pk-padding-0 pk-text-left">
回复列表
</div>
<div class="pk-w-md-9 pk-text-right pk-text-nowrap pk-padding-0">
<a class="pk-kxpc-text hover" href="read-21651-1.html"><span class="fa fa-fw fa-bars"></span>默认</a>
<a class="pk-kxpc-text hover" href="read-21651-1.html?orderfield=zannum&desc=1"><span class="fa fa-fw fa-fire"></span>热门</a>
<a class="pk-kxpc-text hover" href="read-21651-1.html?desc=0"><span class="fa fa-fw fa-sort-numeric-asc"></span>正序</a>
<a class="pk-kxpc-text hover" href="read-21651-1.html?desc=1"><span class="fa fa-fw fa-sort-numeric-desc"></span>倒序</a>
</div>
</div>
<div class="pk-background-color-white" id="read-list" style="padding:0 15px;">
<div></div>
</div>
</div>
<div id="listpages" class="pk-padding-45 pk-background-color-white pk-text-center pk-margin-bottom-15" style="border-bottom-left-radius:4px;border-bottom-right-radius:4px;">
<a href="javascript:" title="首页">首</a><a href="javascript:" title="第1页">1</a><a href="javascript:" title="尾页">尾</a>
</div>
<div class="pk-row pk-background-color-white pk-radius-4" style="padding:15px">
<form name="form_post" method="post" action="index.php?c=post&type=reply&return=json">
<input type="hidden" name="rid" value="21651" />
<div class="pk-row pk-margin-bottom-5">
<div class="pk-w-sm-12 pk-padding-0">
<p class="pk-text-sm pk-padding-left-5 pk-text-truncate pk-text-default">回复：如何制作网页链接教程</p>
</div>
</div>
<div class="pk-row pk-margin-bottom-15">
<div class="pk-w-sm-12 pk-padding-0">
<a name="postreplyposition"></a>
<textarea id="container" class="pk-width-all pk-textarea pk-radius-4" name="content" style="height:200px" placeholder="您的浏览器太古董了，所以您只能裸着发布了T_T" required></textarea>
</div>
</div>
<div style="max-width:240px">
</div>
<div class="pk-row pk-margin-bottom-15">
<div class="pk-w-sm-12 pk-padding-0">
<button id="postreplysubmitbtn" type="button" class="pk-kxpc-btn primary">发布</button>
</div>
</div>
</form>
</div>
<script>
var _usercollect = "";
if("".indexOf("_11_") > -1) {
$('#_idolbtn').attr("onclick", "Interactive('delidol', 11, this)").html('取消关注');
}
</script>
<script src="template/puyuetian_changable/js/read-3.js"></script></div>
</div>
<div class="pk-w-md-3 pk-padding-left-0 pk-kxpc-body-right">
<div class="pk-row pk-kxpc-guestbox pk-hide">
<div class="pk-w-md-6 pk-padding-right-5 pk-text-right">
<a class="pk-kxpc-btn" href="login.html" style="background-color:#09f;border-top-left-radius:4px;border-bottom-left-radius:4px;width:100%;">
<span class="fa fa-fw fa-sign-in"></span> 登录
</a>
</div>
<div class="pk-w-md-6 pk-padding-left-5 pk-text-left">
<a class="pk-kxpc-btn" href="reg.html" style="background-color:#3c6;border-top-right-radius:4px;border-bottom-right-radius:4px;width:100%;">
注册 <span class="fa fa-fw fa-user-plus"></span>
</a>
</div>
<div style="background-color:#fff;color:#777;font-size:12px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:132px;top:22px;width:20px;height:20px;">or</div>
</div>
<div class="pk-row pk-kxpc-userbox pk-hide">
<div class="pk-w-md-12" style="padding-bottom:15px;">
<a href="index.php?c=center" title="个人资料">
<img class="uh" src="userhead/0.png" onerror="this.src='userhead/0.png'" />
</a>
<div id="pk-kxpc-user-icons" class="uicons">
<div>
<span><i class="fa fa-fw fa-user"></i>暂无用户组</span>
</div>
<div>
<span id="pk-kxpc-battery" class="fa fa-battery-0" style="color:#0c3;display:none;" title="时刻为自己充电，保持新鲜活力！" data-desc="彩蛋功能2，请去掉style内的display:none"></span>
<span id="_newmsgicon" class="fa fa-envelope-square pk-hide" style="color:yellow" title="新消息" onclick="location.href='index.php?c=center#message'"></span>
<span id="pk-kxpc-sexicon" class="fa fa-intersex" style="color:#777" title="人妖"></span>
<span id="_userlogout" class="fa fa-sign-out" style="color:red" onclick="ppp({content:'确认退出当前用户的登录？',icon:3,type:1,submit:function(id){location.href='index.php?c=login&type=out'}})">退出</span>
</div>
</div>
<div class="pk-row pk-text-xs" style="border-top:solid 1px #eee;border-bottom:solid 1px #eee;padding:10px 0;float:left;width:100%;margin-top:10px">
<div class="pk-w-sm-6 pk-padding-0 pk-text-truncate pk-text-center">等级：0级</div>
<div class="pk-w-sm-6 pk-padding-0 pk-text-truncate pk-text-center" style="border-left:solid 1px #EEE">
金币：
</div>
</div>
<div class="uns">
游客：
</div>
</div>
<div id="superadminbtn-div" class="pk-w-md-12 pk-text-center pk-hide" style="padding-top:10px;">
<a target="_blank" class="pk-kxpc-btn" href="index.php?c=app&a=superadmin:index" style="background-color:#3c6;border-radius:4px;width:154px;">
<span class="fa fa-fw fa-gears"></span>后台控制面板
</a>
</div>
</div>
<div class="pk-kxpc-ggdiv2"><div class="pk-row pk-text-center pk-background-color-white pk-text-sm pk-padding-top-10 pk-margin-bottom-15" style="border-radius:2px;">
<!--<div class="pk-w-sm-12" style="padding:7px 0">
<b>金币客服充值渠道</b>
</div>-->
<div class="pk-w-sm-6">
<!--<b>微信客服咨询</b>-->
<img class="pk-float-left pk-cursor-pointer pk-width-all" src="https://miyunb2b.oss-cn-beijing.aliyuncs.com/erweima/vx173.jpg" alt="微信扫码" title="90link微信" onclick="pkalert('<div class=pk-text-center><img src=https://miyunb2b.oss-cn-beijing.aliyuncs.com/erweima/vx173.jpg /></div>','扫码加好友充值')" onerror=";this.onerror=''">
<i class="pk-float-left pk-text-center pk-text-xs pk-width-all">微信扫码</i>
</div>
<div class="pk-w-sm-6">
<!--<b>QQ客服咨询</b>-->
<img class="pk-float-left pk-cursor-pointer pk-width-all" src="https://miyunb2b.oss-cn-beijing.aliyuncs.com/erweima/qqerwei345.jpg" alt="QQ扫码" title="90linkQQ" onclick="pkalert('<div class=pk-text-center><img src=https://miyunb2b.oss-cn-beijing.aliyuncs.com/erweima/qqerwei345.jpg /></div>','扫码加好友充值')" onerror=";this.onerror=''">
<i class="pk-float-left pk-text-center pk-text-xs pk-width-all">QQ扫码</i>
</div>
<div class="pk-w-sm-12" style="padding:14px 0">
<!--<b>账号开通丨金币充值丨活动详情</b>-->
</div>
</div></div>
<div id="_tjwzdiv" class="pk-row pk-kxpc-readbox">
<div class="pk-w-md-12" style="font-size:18px;padding-bottom:7px;">推荐文章</div>
<div class="pk-w-md-12">
<ol><li><a target="_blank" href="read-3014-1.html">新疆数字经济发展2023高峰论坛:王江彬调离中国电信系统</a></li><li><a target="_blank" href="read-2674-1.html">大华录像机端口</a></li><li><a target="_blank" href="read-39370-1.html">高尔夫草坪是什么草</a></li><li><a target="_blank" href="read-39368-1.html">高尔夫草坪养护</a></li><li><a target="_blank" href="read-39369-1.html">高尔夫草坪招聘</a></li><li><a target="_blank" href="read-1497-1.html">魅族20系列Flyme10并不支持双Wi</a></li><li><a target="_blank" href="read-39375-1.html">麦冬草坪1平方米多少钱</a></li><li><a target="_blank" href="read-39372-1.html">高羊茅草坪优缺点</a></li><li><a target="_blank" href="read-39373-1.html">高羊茅草坪种子</a></li><li><a target="_blank" href="read-39374-1.html">鱼缸草坪怎么种</a></li><li><a target="_blank" href="read-39371-1.html">高羊茅草坪价格</a></li><li><a target="_blank" href="read-2644-1.html">大华硬盘录像机软件安装步骤</a></li><li><a target="_blank" href="read-134-1.html">篮球场灯高度标准尺寸详解（必须掌握的篮球场照明知识）</a></li><li><a target="_blank" href="read-21-1.html">安装指南，如何安装球场灯，全面解析杆安装方法！</a></li><li><a target="_blank" href="read-28-1.html">球场灯杆的标准高度是多少？了解球场照明标准，打造专业球场！</a></li><li><a target="_blank" href="read-16-1.html">篮球场灯杆的安装和维护</a></li><li><a target="_blank" href="read-1511-1.html">荣耀Magic5系列与OPPOFindX6系列 哪款最值得购</a></li><li><a target="_blank" href="read-17849-1.html">阿里 通义千问LLM Qwen-7B-Chat与Qwen-VL-Chat 使用；国内huggingface模型下载</a></li><li><a target="_blank" href="read-23611-1.html">黄包网站推广软件</a></li><li><a target="_blank" href="read-8365-1.html">敢死队电视剧</a></li></ol>
</div>
</div>
<div class="pk-kxpc-ggdiv3"></div>
</div>
</div>
</div>
<div class="pk-kxpc-ggdiv4"></div>
<script>
$(function() {
if(!$('#_tjwzdiv ol').html()) {
$('#_tjwzdiv').addClass('pk-hide');
}
//新消息闪闪闪
if(parseInt("0") > 0) {
$('#_newmsgicon').removeClass('pk-hide');
TextSSS('#_newmsgicon');
}
});
</script><link rel="stylesheet" href="template/puyuetian_changable/css/foot.css" />
<div id="puyuetian_kuxuanpc-footbar" class="pk-row pk-margin-top-15">
<div class="pk-kxpc-container">
<div class="pk-row">
<div class="pk-w-md-6 pk-text-left">
<p>Powered by
<a class="pk-hover-underline pk-text-bold" target="_blank" href="#"></a> 7.12.10</p>
<p>©2015 - 2025 90Link</p>
</div>
<div class="pk-w-md-6 pk-text-right">
<p><a target="_blank" href="http://www.90-link.com/" class="" onclick="">90link品牌推广</a>
<a href="http://www.90-link.com/app/puyuetian_sitemap/sitemaps/sitemap_1.xml" class="" target="_blank" onclick="">网站地图</a></p>
<p>您的IP:10.3.167.80,2025-06-26 03:04:31,Processed in 0.23395 second(s).</p>
<p><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2023005541号</a></p>
</div>
<div class="pk-w-md-12 pk-text-center" style="padding:20px 0;"></div>
</div>
</div>
</div>
<div class="pk-hide pk-hadsky" id="showUserInfo">
<div data-uid="">
<img src="" alt="头像" onerror="this.src='userhead/0.png'" />
<p data-field="sex"><span></span></p>
<p data-field="nickname"><span></span></p>
<p data-field="username">用户名：<span></span></p>
<p data-field="fans">粉丝数：<span></span></p>
<p data-field="sign">签名：<span></span></p>
<p data-field="groupname"><span></span></p>
<div>
<a data-type="center"><i class="fa fa-fw fa-address-card-o"></i>资料</a>
<a data-type="addidol"><i class="fa fa-fw fa-plus"></i>关注</a>
<a data-type="addfriend"><i class="fa fa-fw fa-plus"></i>好友</a>
<a data-type="message"><i class="fa fa-fw fa-envelope-o"></i>消息</a>
</div>
</div>
</div>
<script src="template/puyuetian_changable/js/foot.js"></script><link rel="stylesheet" href="app/puyuetianeditor/template/css/PytEditor.css" />
<script id="PytEditorScript" data-pc="var PytConfig = 'Html,Bold,Italic,Underline,Emotion,Image,Code';" data-phone="var PytConfig = 'Emotion,Image,Code';" data-config="">
var PytEditorPhoneEasypostread = Cnum("0");
var PytEditorPhoneEasypostreply = Cnum("1");
var PytEditorPCEasypostread = Cnum("0");
var PytEditorPCEasypostreply = Cnum("0");
if ($(window).width() > 1000) {
eval($('#PytEditorScript').data('pc'));
var PytEditorHeight = Cnum("500px");
} else {
eval($('#PytEditorScript').data('phone'));
var PytEditorHeight = Cnum("200px");
}
</script>
<script src="app/puyuetianeditor/template/js/PytEditor.js"></script>
<script src="app/puyuetianeditor/template/js/PytEditorInit.js"></script>
<script id="hadskyCloudServerScriptObject">
// hs7以后统一默认云服务站点为cn国内节点
$(function(){
$.getScript("https://v7.cn.cloudserver.hadsky.com/www.90-link.com.js", function(response, status) {
if(status != "success") {
console.log('云服务加载失败：status = ' + status);
}
});
});
</script><style>
.puyuetian_readcontact {
padding: 25px 10px 10px 10px;
}
.puyuetian_readcontact-bt {
font-size: 16px;
font-weight: bold;
color: #5FB878;
padding-bottom: 5px;
border-bottom: solid 2px #5FB878;
}
.puyuetian_readcontact-bg {
padding: 7px;
background-color: #fafafa;
color: #222;
}
.puyuetian_readcontact-gs {
font-size: 22px;
padding: 5px 0;
}
.puyuetian_readcontact-ts {
color: red;
}
</style>
<script>
$(function() {
var data = [],
html = '',
_bq = {
"gs": "公司",
"lxr": "联系人",
"dh": "电话",
"dz": "地址",
"qq": "QQ",
"wx": "微信"
};
for(index in data) {
if(data[index]) {
html += '<div class="puyuetian_readcontact-' + index + '">' + (index == 'gs' ? '' : _bq[index] + '：') + data[index] + '</div>';
}
}
if(html) {
html = '<div class="puyuetian_readcontact"><div class="puyuetian_readcontact-bt">联系方式</div><div class="puyuetian_readcontact-bg">' + html + '<div class="puyuetian_readcontact-ts">提示：联系时请说明在90Link【www.90-link.com】上看到的，谢谢！</div></div></div>';
setTimeout(function() {
$('.readcontent').append(html);
}, 200);
}
});
</script><div id="a-p-p-main" class="pk-hide">
<div class="pk-row a-p-p-main pk-text-sm">
<div class="pk-w-sm-12 pk-padding-top-10">
<a href="javascript:" class="pk-text-primary pk-hover-underline pk-text-truncate" data-id="21650">如何制作网页最简单的方法</a>
</div>
<div class="pk-w-sm-12 pk-padding-bottom-10 pk-padding-top-5">
<a href="javascript:" class="pk-text-primary pk-hover-underline pk-text-truncate" data-id="21652">如何制作链接并在微信发出</a>
</div>
</div>
</div>
<script>
$(function() {
$('#a-p-p-main .a-p-p-main>div:eq(0)').prepend('上一篇：');
$('#a-p-p-main .a-p-p-main>div:eq(1)').prepend('下一篇：');
var _obj = $('a[name="replylist"]:eq(0)').prev(':eq(0)');
_obj.after($('#a-p-p-main').html());
_obj.next('div.a-p-p-main:eq(0)').css({
'border-bottom': _obj.css('border-bottom'),
'background': _obj.css('background'),
'background-color': _obj.css('background-color'),
'margin-bottom': _obj.css('margin-bottom')
}).find('a').click(function() {
var _id = $(this).data('id');
if(_id) {
if(parseInt("1")) {
var _url = 'read-' + _id + '-1.html';
} else {
var _url = 'index.php?c=read&id=' + _id + '&page=1';
}
location.href = _url;
}
});
_obj.css('margin-bottom', '0px');
});
</script><div class="pk-hide">
<form id="app_puyuetian_qiniucloud_form">
<input name="MAX_FILE_SIZE" value="3072000" />
<input name="token" value="LU7kAqRtBbHnixl_LQe0zzUcAsYj60xri_DgMl1M:e8EtXQRtSahb2cP00Fmhu8LHmww=:eyJyZXR1cm5VcmwiOiIiLCJyZXR1cm5Cb2R5Ijoie1wia2V5XCI6ICQoa2V5KSwgXCJoYXNoXCI6ICQoZXRhZyksIFwid1wiOiAkKGltYWdlSW5mby53aWR0aCksIFwiaFwiOiAkKGltYWdlSW5mby5oZWlnaHQpLFwiZnNpemVsaW1pdFwiOjMwNzIwMDAsXCJmaWxlc2l6ZVwiOiQoZnNpemUpLFwiZG9tYWluXCI6XCJjZG4uOTAtbGluay5jb21cIixcInVybFwiOlwiXC9cL2Nkbi45MC1saW5rLmNvbVwvJChrZXkpXCJ9Iiwic2NvcGUiOiI5MGxpbmsiLCJkZWFkbGluZSI6MTc1MDg4MTg3MX0=" />
<input name="key" value="" />
</form>
<form>
<input id="app_puyuetian_qiniucloud_file" type="file" multiple="multiple" accept="" />
</form>
</div>
<script>
function app_puyuetian_qiniucloudupload(file) {
QiNiuUploading = true;
var formData = new FormData($('#app_puyuetian_qiniucloud_form')[0]);
formData.append("file", file);
var fname = file.name.split('.');
var suffix = (fname[(fname.length - 1)] || '').toLowerCase();
$.ajax({
url: "http://upload.qiniup.com",
dataType: 'JSON',
type: 'POST',
async: false,
data: formData,
processData: false,
contentType: false,
success: function(data) {
//console.log(data);
var fileurl = data['url'];
if ('jpeg,jpg,gif,png,bmp'.split(',').indexOf(suffix) > -1) {
// 是否添加水印
var wm = "imageView2/0/q/75|watermark/1/image/aHR0cDovL2Nkbi45MC1saW5rLmNvbS93ZWIvc2h1aS5wbmc=/dissolve/25/gravity/SouthEast/dx/10/dy/10";
if (wm) {
fileurl += '?' + wm;
}
// 图片文件
PytCmd('inserthtml', false, '<img src="' + fileurl + '" alt="Image">');
} else if ('mp3,ogg,wav'.split(',').indexOf(suffix) > -1) {
// 音频文件
PytCmd('inserthtml', false, '<p><audio controls><source src="' + fileurl + '" type="audio/mp3"><embed src="' + fileurl + '" type="audio/mp3"></audio></p><p> </p>');
} else if ('mp4,ogg,mov,avi,mid,flash,3gp,rm,rmvb,mkv'.split(',').indexOf(suffix) > -1) {
// 视频文件
PytCmd('inserthtml', false,
'<p><video src="' + fileurl +
'" controls style="max-width:100%"></video></p><p> </p>');
} else {
PytCmd('inserthtml', false,
'<a class="pk-text-primary pk-hover-underline" target="_blank" href="' + fileurl + '" title="点击进入下载"><span class="fa fa-download fa-fw"></span>' + data['key'] + '（云文件：' + parseInt(data['filesize'] / 1024) + 'KB）</a>');
}
},
error: function(response) {
console.log(response);
},
complete: function() {
QiNiuUploading = false;
//$('#app_puyuetian_qiniucloud_file').val('');
}
});
}
function app_puyuetian_qiniucloud_cancel() {
pkpopup.close(QiNiuUploadStatus);
QiNiuUploadStatus = false;
clearInterval(QiNiuUploadInterval);
QiNiuUploading = false;
$('#app_puyuetian_qiniucloud_file').val('');
}
var QiNiuUploadStatus = false;
var QiNiuUploadInterval = false;
var QiNiuUploading = false;
$(function() {
$('#app_puyuetian_qiniucloud_file').on('change', function() {
formObj = $('#app_puyuetian_qiniucloud_form');
var files = this.files;
for (var i = 0; i < files.length; i++) {
var file = files[i];
var fname = file.name.split('.');
var suffix = (fname[(fname.length - 1)] || '').toLowerCase();
var suffixs = "".toLowerCase();
if (!file.name || !file.size) {
ppp({
type: 3,
icon: 2,
content: "[" + file.name + "]未选择文件或文件过小"
});
this.value = '';
return false;
}
if (file.size > formObj[0].MAX_FILE_SIZE.value) {
ppp({
type: 3,
icon: 2,
content: "[" + file.name + "]文件超过了3000KB"
});
this.value = '';
return false;
}
if (suffixs && suffixs.split('|').indexOf(suffix) == -1) {
ppp({
type: 3,
icon: 2,
content: "[" + file.name + "]不被允许上传的后缀：" + suffix
});
this.value = '';
return false;
}
}
// 整理上传
var n = 0;
var pid = QiNiuUploadStatus = ppp({
type: 4,
shade: 1,
content: '正在上传（<span class="_n">0</span>/' + files.length + '）'
});
$('#pkpopup_' + QiNiuUploadStatus + ' .pk-popup-body').append('<div style="height:60px;line-height:60px;position:absolute;top:5px;right:25px"><a class="pk-text-secondary pk-hover-underline pk-float-right" href="javascript:;" onclick="app_puyuetian_qiniucloud_cancel()">取消上传</a></div>');
QiNiuUploadInterval = setInterval(function() {
if (QiNiuUploading) {
return false;
}
if (n > files.length - 1) {
app_puyuetian_qiniucloud_cancel();
return false;
}
$('#pkpopup_' + pid).find('span._n').html(n + 1);
var file = files[n];
var mydate = new Date();
var _y = mydate.getFullYear();
var _m = mydate.getMonth() + 1;
if (_m < 10) {
_m = '0' + _m;
}
var _d = mydate.getDate();
if (_d < 10) {
_d = '0' + _d;
}
var _h = mydate.getHours();
if (_h < 10) {
_h = '0' + _h;
}
var _i = mydate.getMinutes();
if (_i < 10) {
_i = '0' + _i;
}
var _s = mydate.getSeconds();
if (_s < 10) {
_s = '0' + _s;
}
formObj[0].key.value = $_USER['ID'] + '_' + _y + '' + _m + '' + _d + '' + _h + '' + _i + '' + _s + '_' + (n + 1) + '.' + suffix;
app_puyuetian_qiniucloudupload(file);
n++;
}, 200);
});
var _load = function() {
var o = $("#PytToolbar:eq(0)");
if (!Cnum("0")) {
o.append('<span id="PytQiniuBtn" title="用七牛云上传文件"></span>');
o.find('#PytQiniuBtn').css({
backgroundImage: 'url(app/puyuetian_qiniucloud/logo.png)',
backgroundSize: '100% 100%',
backgroundPosition: '0 0'
}).on('click', function() {
var hz = "";
if (hz) {
hz = '.' + hz.replace(/\|/ig, ',.');
}
$('#app_puyuetian_qiniucloud_file').attr({
accept: hz
}).click();
});
}
if (Cnum("1")) {
$('#PytImageBtn').attr('onclick', '').on('click', function() {
$('#app_puyuetian_qiniucloud_file').attr({
accept: 'image/*'
}).click();
});
}
if (Cnum("0")) {
var hz = "jpg|jpeg|gif|bmp|png|zip|rar|txt|doc|apk";
if (hz) {
hz = '.' + hz.replace(/\|/ig, ',.');
}
$('#PytFileBtn').attr('onclick', '').on('click', function() {
$('#app_puyuetian_qiniucloud_file').attr({
accept: hz
}).click();
});
}
if (Cnum("0")) {
$('#PytVideoBtn').attr('onclick', '').on('click', function() {
$('#app_puyuetian_qiniucloud_file').attr({
accept: 'video/*'
}).click();
});
}
if (Cnum("0")) {
$('#PytMusicBtn').attr('onclick', '').on('click', function() {
$('#app_puyuetian_qiniucloud_file').attr({
accept: 'audio/*'
}).click();
});
}
}
var _init = setInterval(function() {
if ($("#PytToolbar").length) {
_load();
clearInterval(_init);
}
}, 200);
setTimeout(function() {
clearInterval(_init);
}, 5000);
});
</script>
<style>
.pk-heiyiren-kuandu {
position: relative;
margin: 25px 20px;
padding: 30px 10px 20px;
}
.pk-heiyiren-bq {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;text-align:left;font-size:15px;margin: 0 20px ;
}
</style>
<div class="pk-hide pk-heiyiren-haha">
<div style="background-color:#f8f8fa;border:2px dashed #5551f9;border-radius:8px" class="pk-heiyiren-kuandu ">
<div style="font-size:18px;color: #fff;background:#5551f9;margin:0 20px 25px;padding: 4 25px;text-align:center;border-radius: 8px;">免责声明</div>
<div class="pk-heiyiren-bq">
<ul>
<li>1、本网站所刊载的文章，不代表本网站赞同其观点和对其真实性负责，仅供参考和借鉴。</li>
<li>2、文章中的图片和文字版权归原作者所有，如有侵权请及时联系我们，我们将尽快处理。</li>
<li>3、文章中提到的任何产品或服务，本网站不对其性能、质量、适用性、可靠性、安全性、法律合规性等方面做出任何保证或承诺，仅供读者参考，使用者自行承担风险。</li>
<li> 4、本网站不承担任何因使用本站提供的信息、服务或产品而产生的直接、间接、附带或衍生的损失或责任，使用者应自行承担一切风险。</li>
</ul>
<br>
<div>侵权删除请致信 E-Mail：<span style="color:#5551f9;">3454251265@qq.com</span></div>
</div>
</div>
</div>
<script>
$(function() {
$('.readcontent').append($('.pk-heiyiren-haha').html());
});
</script>
<script>
$(function(){
if($(window).width()>100){
$('img[alt="Image"]').click(function(){
var $url=$(this).attr('src');
var $lh = $(window).height();
$('body').append('<div class="pk-alert-bg"></div><div class="pk-alert pk-padding-15 pk-text-center" style="line-height:' + $lh + 'px;overflow:auto" onclick="pkalert(false)"><img id="pk-lookimage" src="' + $url + '" style="width:auto;height:auto;max-width:none;"></div>');
});
}
});
</script><style type="text/css" media="screen" id="test">
img{border-radius:8px;transition: all 0.25s;}
img:hover{transform: scale(1.03);}
</style>
<script type="text/javascript">
$('.readcontent').each(function(i){
$(this).removeClass('pk-text-sm');
});
$('.replycontent').each(function(i){
$(this).removeClass('pk-text-xs');
});
$('.aui-card-list-content-padded').each(function(i){
$(this).addClass('replycontent');
});
</script>
<style type="text/css" media="screen">
.readcontent{line-height:32px;color:#333;font-size:16px}
.replycontent{margin-top:5px;line-height:32px;color:#242424;font-size:16px}
</style>
<link href="app/puyuetian_codebox/template/css/css.css" rel="stylesheet" />
<script src="app/puyuetian_codebox/template/js/js.js"></script>
<script>
$(function () {
_puyuetian_codebox({
selector: '.readcontent pre,.readcontent code',
theme: "green",
copy: parseInt("1"),
edit: parseInt("0")
});
});
</script>
<!--
Success:"puyuetian_seopostread:embed"
Success:"puyuetianeditor:embed"
Success:"puyuetian_search:embed"
Success:"hadskycloudserver:embed"
Success:"systememail:load"
Success:"puyuetian_readcontact:embed"
Success:"puyuetian_prevnextreadlist:embed"
Success:"puyuetian_qiniucloud:embed"
Success:"heiyiren_bq:embed"
Success:"heiyiren_tu:embed"
Success:"puyuetian_codebox:embed"
Load HadSky Apps Total 11
-->
</body>
</html>
<!-- Powered by HadSky v7.12.10 -->
