2017年10月_Presbyterian

12月 11月 10月 09月 08月 07月 06月 05月 04月

原创高德地图开发bug

第一次使用的时候报错“INVALID_USER_DOMAIN” 然后百度了一下，官方文档上是这么说的：，请先检查一下您在申请Key的时候，是否设置了域名白名单，如果设定了，建议您在本地调试的时候先将白名单去掉，因为白名单的作用是您的网站上线以后，Key只有在您设定的域名下才有效，别人拿到您的Key也无法正常使用，起到一定的保护作用。官方文档改完之后，神奇般的就好了。然后做了一个小

2017-10-30 20:11:20 1665

原创 jQuery添加新元素/内容

整理了一下jq添加元素/HTML的一些操作，效果图见下。结构插入内部插入 append() - 在被选元素的结尾插入内容 appendTo() -方法在被选元素的结尾（仍然在内部）插入指定内容。 prepend() - 在被选元素的开头插入内容 prependTo()- 方法在被选元素的开头（仍位于内部）插入指定内容。外部插入 after() -

2017-10-25 13:38:14 2591

原创 input上传图片并预览

首先说一下input 大家都知道上传文件，图片是通过input 的file进行上传的。 1. 首先是样式大家都知道input在HTML的代码为 <input type="file">；在页面的样式是不可以更改的，如下图但是最为一个投机取巧的前端，一切样式都是可以修改的。效果图如下代码： <input type="file" n

2017-10-23 14:30:10 89635 22

转载判断checkbox 是否选中

首先input的标签设置checkbox<input name="operaMode" type="checkbox" value="1" /> 堂食<input name="operaMode" type="checkbox" value="2" /> 外卖<input name="operaMode" type="checkbox" value="3" />&nbsp

2017-10-20 13:35:59 2655

原创 dataTable使用

官网——-DataTable英文网址 ——-DataTables中文网址 ——-DataTables一些例子本文主要是围绕下面的例子进行讲解的，请看效果图说明：全选功能，点击删除，批量删除，批量添加等等功能都可以实现。下载的位置DataTables经典案例使用方法1.首先引入jQuery和DataTablesjs 2.在html里面建一个table<table class="

2017-10-18 22:10:19 322

转载 jQuery实现可以编辑的表格实例详解

效果图 - 点击单个可以进行修改 - 点击修改所有的表格都可以进行修改 - 点击保存所有的数据可以获取并打印出来 - 本人demo需要引入jq文件代码见如下（有详细的注解）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>编辑</title></head><script src="j

2017-10-13 15:37:03 2149

原创日期插件layDate的使用

效果图官方链接 1 layui中的laydate官方链接 2 贤心的layui使用说明只需引入 laydate.js 即可HTML结构<input type="text" id="test1">3.js使用方法//新版本js使用方法laydate.render({ elem: '#test1' //指定元素});//旧版本js使用方法laydate({ e

2017-10-12 15:51:47 46415 7

原创放大镜插件etalage的使用方法

效果图如果有人需要etalage的话，可以给我留言；官方链接Etalage; 下载位置：github1.使用方法安装js，css，文件，分别是： 1：jquery.js //jquery框架，相信每个前端都会有 2：etalage.css //etalage插件自带的样式表，用于给图片排版 3：jquery.etalage.min.js //最重要的文件，里面存有这个插件的

2017-10-11 19:26:21 1098

原创点击地图获取经纬度（基于腾旭地图api）

废话不多说上图接着代码段<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>腾讯地图开放API - 轻快小巧,简单易用!</title><link rel="stylesheet" href="common.css"><script

2017-10-08 09:26:02 4571 1