前端

jQuery优雅Post提交

4周前 (12-27) 737浏览 0评论

本功能实现: 禁用form原本提交方式; 自动获取action属性; 自动serialize数据; 提交状态显示到提示框,1.2秒提示框自动消失; 提交失败或错误,页面不跳转; 提交成功,跳转到指定页面。 HTML代码: <form act...

Javascript读取文件内容到文本框

1个月前 (12-16) 378浏览 0评论

JS是否可以读取本地文件的内容呢?答案是肯定的。 流程只用两步: 用file类型的input载入文件; 用HTML5的FileReader方法读取文件内容。 1 演示 点击查看演示地址。 2 HTML代码 页面有两个元素,file类型的input...

Javascript实现页面内容下载

1个月前 (12-13) 262浏览 0评论

页面上有一段代码,要保存下来,怎么做? 选择复制?用按钮请求数据库?都很低效。 既然页面已经有了内容,为何不用JS获取这段代码,生成文件后直接下载? 下面我们用Blob和URL.createObjectURL来实现这一功能,兼容Chrome、Fire...

plupload多按钮上传

2个月前 (12-05) 372浏览 0评论

plupload可以轻松实现拖动、点击上传等功能,但是没有明确说明,多按钮上传方式(不要告诉我复制粘贴改browse_button这种方式)。 下面,我们就来探索这样的功能,初始化一段plupload代码,实现多个上传按钮。 1 演示和下载 点击查看...

JQuery定时自动消失提示框/弹出框

2个月前 (11-26) 519浏览 0评论

在表单提交中,不论成功与否,好的体验都应该有弹出提示,效果: 在页面中央显示提示,1.5秒后消失,不影响页面的正常布局。 1 HTML代码 HTML代码显示提示内容,放在页面中任何位置。 <div class="alert"></...

JQuery Post转义提交HTML模板

2个月前 (11-26) 377浏览 0评论

最近遇到这样一个问题,在表单中有一个textarea文本框,用来保存HTML模板。 因为是HTML模板,所以会有<html>、<script>等标签,但是这样无法通过AJAX Post方式保存。 经过实验,<script...

JS实现表格列宽拖动

2个月前 (11-24) 272浏览 0评论

在数据表格中,有时候需要拖动表格宽度,查看完整的数据,是很常用的功能。 1 效果 可以用纯JS就可以实现,如下,是正常情况下的表格: 拖动表格标题中间线,拖动后效果如下: 查看DEMO 2 代码 HTML代码: <!DOCTYPE html...

JQuery和Awesome实现炫酷【返回顶部】按钮

3个月前 (11-03) 659浏览 1评论

之前通过JQuery+纯CSS实现了返回顶部的功能,比较轻量级:JQuery+CSS实现【返回顶部】按钮,不需要图片。 现在我们再用JQuery+Awesome实现更炫酷的“返回顶部”按钮。 效果如下:      按钮的工作流程大致是:页面加载后按钮...

自定义JavaScript的alert()弹出框样式

5个月前 (09-06) 1611浏览 1评论

JavaScript原始的 alert()弹出框效果很差。 于是想着自定义这个原始alert()的显示样式。 JQuery方式实现代码如下: <script type="text/javascript" src="http://lib.sina...