Swiper：移动端网站的内容触摸滑动 JavaScript 插件
2018-02-17 20:55:22 JavaScript，类库与拓展 611 阅读 0条回复
之前过节，想自己做点H5页面的时候，了解到了 Swiper 这款插件，发现非常好用，简单粗暴！通过Swiper这个插件，我们可以自己徒手快速撸出好看的H5页面。 1. 什么是 SwiperSwiper 是纯 javascript 打造的滑动特效插件，常用于移动端网站的内容触摸滑动。Swiper 能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 GitHub：nolimits4web/swiper...
PACE：页面自动加载进度插件
2017-06-23 11:46:25 JavaScript，类库与拓展 341 阅读 0条回复
1. Pace.jspace是一个页面自动加载进度的js插件，而且使用特别方便。 主页地址：PACE Github地址：PACE 官方也提供了很多加载样式，都很不错，例如： 更多主题可以在这里看：pace/docs 并且提供wordpress插件：PACE WordPress插件 2. 使用2.1 基本用法只需要引入一个pace.js文件和一个主题文件，就自动集成了该功能，在加载页面时会有主题对应的...
QRCode.js：基于JQuery的生成二维码JS库
2017-06-22 23:50:53 JavaScript，JQuery，类库与拓展 193 阅读 0条回复
1. QRCode.jsQRCode.js是一个二维码生成javascript库；支持跨浏览器的HTML5 Canvas和表格标签的DOM操作；并且不依赖其它的库或拓展。 主页：QRCode.js Github：davidshimjs/qrcodejs 2. 用法2.1 基础用法<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById(&quo...
JS复制指定id内容到粘贴板（Ctrl+C效果）
2016-12-12 14:44:21 JavaScript 196 阅读 0条回复
最近捣鼓一个小问题，搞一个按钮，点击复制url到黏贴板，但是不是当前页面url，而是对应一个元素的url，且一个页面会有多个url。一开始找到一个方法，但是竟然只兼容IE浏览器，神奇了，竟然有只兼容IE的东西。后来发现一个zeroclipboard.js这个插件，但是怎么也搞不出那个效果，有点麻烦。 最后翻到了一个js封装好的方法，有效！ 想要实现的一个效果...
PHP地理信息搜索功能——接入高德地图Web服务API，关键字搜索
2016-07-12 14:19:57 PHP，ThinkPHP，JavaScript 211 阅读 0条回复
效果搞了一个基于高德地图Web服务API，关键字搜索服务的东西，先来效果图： 搜索不到内容时： 实现HTML代码前端部分代码，样式就省略了： 城市：<input type="text" id="searchPlaceCity" placeholder="输入城市"> 关键字:<input type="text" id="searchPlaceInfo" placeholder="...
用Jquery实现动态添加和删除tr行
2016-05-19 23:36:33 JavaScript，JQuery 218 阅读 0条回复
一 效果这里放一个,用Jquery实现动态添加和删除tr行的小例子，之前自己琢磨的，毕竟js不熟，摸索中，下面是实现的样子，当然没有样式： 点击添加按钮可以添加一行： 点击删除可以删除本行：基本功能是这样。 二 实现下面是代码： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=...
JavaScript中获取当前日期的代码
2016-04-07 00:59:26 JavaScript 160 阅读 0条回复
如果要用js来获取当前的时间，比如“2016年4月7日星期四”，我们可以这样写： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script language=JavaScript> var today = new Date(); function initArray() { ...
JS代码实例——弹出多选选择框
2016-04-01 13:16:47 JavaScript 305 阅读 0条回复
1. 效果最近在搞一个多选的功能，发现实现下拉框多选比较麻烦，网上搜是有一些js插件什么的可以实现，但是比较麻烦。于是搞了这么一个JS的弹出框，进行多选提交后显示在页面上。 效果是这样的，初始的样式如下，可点击选择： 点击选择后弹出一个选择框，多选的： 点击选择将同步更新到页面上，然后进行后续操作： 2. 实现2.1 HTML代码<input typ...