svg水纹波效果
2016/11/02 svg html5
记得引用snap.svg脚本<svg id="cloud" width="800" height="70"></svg> <svg id="wave" width="800" he...
JavaScript 资源大全中文版
2016/10/08 javascript
JavaScript 资源大全中文版我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板...
移动端touch和click事件都触发
2016/09/23 mobile touch click
因为移动端android支持touch和click事件,苹果手机只支持touch事件,PC端只支持click事件;为了让一个方法在三种环境下只执行一次。现想到如下解决方案:<!DOCTYPE html> <html> <head>    ...
javascript返回页面选中文本
2016/09/08 javascript
JavaScript返回页面选中文本             if (document.selection) {//IE        &nbs...
浏览器无法正常播放视频
2016/08/17 flash html视频播放 video jplayer
今天用jPlayer写了个demo,在ie8下没有显示。看了官方文档,jPlayer是支持从ie6到ie11的兼容性非常的好。从网上哗哗搜了半天,没搜到原因。后来才想到原来是Adobe flash player没有安装。好坑的感觉。另附,js检测Adobe fash player是否安装...
js获取上个月第一天和最后一天
2016/08/11
在WEB编程时,有时需要通过JS获取上个月第一天和最后一天的日期,用来得到这段时间的数据,在项目统计功能页面获取查询列表页面经常需要用到,下面介绍在js中得到上个月第一天和最后一天的方法         ...
input的type是file,选择显示图片
2016/07/25 html5 文件上传
input的type是file,点击文件后,图片显示在上面,暂不上传到服务器。下面代码可以简单实现,html5支持<!DOCTYPE html> <html> <head>     <title></title> <...
html5 椭圆运动(canvas画布实现)
2016/07/21 html5 canvas 椭圆运动
使用html5的canvas标签实现任意元素椭圆运动实现原理实际上就是椭圆的两个方程:让椭圆的一个轴的值x周期性匀速增加或减少,算出另外一个坐标点y的值由椭圆的XY坐标和长半轴长和短半轴长,求任意角度椭圆的坐标X=acosp,Y=bsinp(p为角度参数,a为长半...
Fet前端自动化可视工具(等同liveload自动刷新,打包,压缩,美化,less支持)
2016/07/19 node 自动刷新
Fet介绍Fet是Front-End Tool的缩写,意思是前端工具。做前端项目的时候,经常会配置个服务器;用less或者stylus写样式;做一个网站头部要复制N边,头部文件有变动要每个页面都改一变;不断的F5刷新;html,js,css的压缩美化,图片的压缩等等。为了...
canval+js实现material按钮点击水纹效果
2016/07/13 html5 material canvas web前端
Meterial Design是谷歌出品的一个跨平台的,统一视觉,运动和交互设计的规范。现通过HTML5的cavans实现按钮点击水纹效果html:<button class="btn material-design btn_reg" data-color=&...
node图片压缩工具---imagemin-mozjpeg可配置项
2016/07/08 图片
quality 图片质量progressive(默认true) true:渐进式图片(先显示一个轮廓,后渐渐清晰)false基线图片,逐行扫描(图片从上到下,逐行显示)targa(默认false) 输入是否是trga格式图片revert(默认false) true 使用标准模式,false使用...
时间戳时期格式化
2016/06/13 javascript 时间戳格式化
parseTime()/**    * 格式化日期    * @param timesamp 数据库时间戳    * @param format 如y-m-d h:i:s  &nbs...
bootstrap简单入门
2016/05/28 bootstrap
WEB前端框架Bootstrap-1认识Bootstrap2.WEB前端框架Bootstrap-2栅格布局3.WEB前端框架Bootstrap-3基础排板样式4.WEB前端框架Bootstrap-4表格样式A5.WEB前端框架Bootstrap-5表单样式a6.WEB前端框架Bootstrap-7表单样式c7.WEB前...
数字科学计数及翻页效果
2016/05/27 jquery特效
数字转换成科学计数模式,并实现翻页效果。支持IE9及以上浏览器查看democss代码:.jFlip-layout{height:51px;} .jFlip-layout>div{display:inline-block;} .flip-num{position:relative;display:inline-block;paddi...
购物详情页面加入阿里旺旺客服代码兼容手机端
2016/05/16
                           页面html及js代码如下     var isMobile = !!((navigator.userAgent.toLowerCase()....
html5 requestFileSystem相关创建读写文件Demo
2016/04/18 html5
<!DOCTYPE html> <html>     <head>         <meta charset="utf-8">    &...
jquery将页面内的svg转换为png图片并下载
2016/05/23 svg
var $svg = $('svg'); $svg.each(function(){     var $svgXml=$(blog_post).prop('outerHTML')     var image&nbs...
javascript将汉字转为unicode字符
2016/03/12 javascript 汉字
function convertToUnicode(string){ str = ""     for( i=0;    i<string.length; i++ )     {      temp = string.charCodeAt(i).t...