浏览器无法正常播放视频
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...
图片(webp/jpeg/gif)查看器
2016/05/23
document.getElementsByTagName('body')[0].ondragover=function(event){event.preventDefault();}; document.getElementsByTagName('body')[0].ondrop=function(event){  e...
discuz手动修改语法高亮(只改前端显示效果)
2016/03/12
       需要修改的文件:/source/function/function_discuzcode.php/template/模板名/forum/viewthread_node_body.htm修改步骤:1.在/source/function/function_discuzcode.php内查找functio...
jQuery自定义滚动条样式插件mCustomScrollbar
2015/10/16 jquery特效 scroll
如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar。关于 jScrollPane,大家见过的可能比较多,但是这个插件太过于古老而且功能不强大,效果...
14个前端UI框架
2016/03/12 jquery特效 前端框架
1、http://www.miniui.com/快速开发,减少50%代码量丰富组件库,高性能、低内存支持 Java、.NET、PHP支持 IE6+、FireFox、Chrome2.http://www.ligerui.com使用简单,轻量级控件实用性强,功能覆盖面大,可以解决大部分企业信息应用的设...