简易flv播放器，可用通过js控制flv播放，暂停。具体参考下面的示例说明，已经做成jquery插件形式。注意：要用js控制flv的播放停止，需要将示例发布后，通过http访问，要不会报错：uncaught exception: Error in Actionscript. Use a try/catch block to find error.Line 0 jquery.jflv.js示例及使用说明文档html xmlns=http://www.w3.org..
json.js文件和jquery序列化JSON对象为键值对的方法param产生冲突，导致json.js文件中的toJSONString方法重复调用自身从而堆栈溢出出现too much recursion【firefox】/Stack Overflow【IE浏览器】错误。 产生too much recursion/Stack Overflow这个问题主要是jquery调用ajax方法时，如果参数为json对象，jquery会调用param方法序列化json对..
flipsnap.js是一款模拟手机浏览器滑动效果的类库，支持电脑上鼠标按下滑动和手机浏览器触摸滑动效果flipsnap.js使用指南1，导入flipsnap.js类库（flipsnap.js不依赖其他js类库）script src=flipsnap.js/script2，编写html代码html代码示例如下，外层html样式为.viewport，内层元素样式为.flipsnap。div class=viewport div class=flipsna..
2015-8-18更新：其实是firefox自己搞的，要去掉启用adobe flash保护模式复选框，重启firefox后才行。建议firefox还是不要用uploadify，不是每个用户都会设置firefox 的shockwave flash插件这个配置。点击选项取消勾选启用adobe flash保护模式。 使用uploadify选择文件上传时，报错：Some files were not added to the queue: The file xxx is..
Masonry是一款很好用的jquery网页布局插件，它可以去掉不同高度div之间的空白，让你的网页看上去更加的整齐、漂亮！效果如下图所示官网插件下载地址以及详解地址：http://masonry.desandro.com/masonry配置对象OptionsOptions are set with an object as second argument to the .masonry() method. All options are optional, and do not n..
html file控件的onchange事件，在选中同一个文件时是不会触发的。要想file选中同一个文件onchange事件也触发，可以创建一个新file对象，透明浮动覆盖在显示的file对象上，这样操作的就是新file对象，即使选中同一个文件也会触发onchange事件了。注意：提交表单时需要移除那个透明的同名file对象，要不服务器端使用name来获取控件会出错。 ..
2015-11-4更新：自己重写jqueryui datepicker的_gotoToday私有方法也行$.datepicker._gotoToday = function (id) { $(id).datepicker('setDate', new Date()).datepicker('hide').blur();}; jqueryui的datepicker插件点击今天按钮时，只是跳转到当天所在的月份，而不是设置控件的值为今天。要想点击今天这个按钮后设置..
按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子，感觉这个功能蛮好玩的，但是还不够强大，尤其浏览器支持力度不够： !DOCTYPE html head meta charset=UTF-8 title使用HTML5本地数据库DEMO/title script type=text/javascript src=js/operateDB.js//script /head body onl..
ckeditor设置了高度为100%百分比时并不会自动将容器填充满，通过firebug查看生成的ckeditor代码结构后，如下图，编辑器的td设置了高度为height:100%的样式，但是并没有实现容器的完整填充。 ckeditor有自动全屏的功能，如果是想自动填充整个显示窗口，而不是指定的容器，可以通过调用CKEDITOR.instances.content.execCommand('maximi..
简易flv播放器，可用通过js控制flv播放，暂停。具体参考下面的示例说明，已经做成jquery插件形式。注意：要用js控制flv的播放停止，需要将示例发布后，通过http访问，要不会报错：uncaught exception: Error in Actionscript. Use a try/catch block to find error.Line 0 jquery.jflv.js示例及使用说明文档html xmlns=http://www.w3.org..
json.js文件和jquery序列化JSON对象为键值对的方法param产生冲突，导致json.js文件中的toJSONString方法重复调用自身从而堆栈溢出出现too much recursion【firefox】/Stack Overflow【IE浏览器】错误。 产生too much recursion/Stack Overflow这个问题主要是jquery调用ajax方法时，如果参数为json对象，jquery会调用param方法序列化json对..
flipsnap.js是一款模拟手机浏览器滑动效果的类库，支持电脑上鼠标按下滑动和手机浏览器触摸滑动效果flipsnap.js使用指南1，导入flipsnap.js类库（flipsnap.js不依赖其他js类库）script src=flipsnap.js/script2，编写html代码html代码示例如下，外层html样式为.viewport，内层元素样式为.flipsnap。div class=viewport div class=flipsna..
网站如何使用echarts，要使用echarts绘制图形需要哪些js文件。下载的echarts示例里面有很多文件，实际使用到的只有3个文件（esl.js，echarts.js，echarts-map.js），如果不需要地图，那么只需要前面esl.js，echarts.js，其中esl.js是必须的。 下面以echarts-2.0.4为例，将下载的echarts-2.0.4压缩包解压到任意一个路径下，打开echarts-2...
css+JavaScript实现表格的表头固定效果，页面滚动，表头处于页面最顶端。 CSS表格固定表头示例代码如下!doctype htmlhtml headtitleCSS表格固定表头/titlemeta http-equiv=Content-type content=text/html; charset=utf-8style type=text/css* html,* html body /* 修正IE7振动/闪动bug */{background-image:url(about:blank);background..
2015-8-18更新：其实是firefox自己搞的，要去掉启用adobe flash保护模式复选框，重启firefox后才行。建议firefox还是不要用uploadify，不是每个用户都会设置firefox 的shockwave flash插件这个配置。点击选项取消勾选启用adobe flash保护模式。 使用uploadify选择文件上传时，报错：Some files were not added to the queue: The file xxx is..
原生JS模拟Excel表格单元格合并，拆分，删除指定列示例，效果如下!doctype htmlstyle table { border-collapse: collapse } table td { border: solid 1px #ccc; padding: 10px 20px; word-break: break-all; } .cannotselect { -moz-user-select: none; -webkit..
由于chrome的同源访问策略，会导致即使是本地测试js效果时也会报错。chrome本地测试访问iframe，parent，opener null解决办法配置chrome支持本地（file协议）ajax请求chrome无法保存本地设置cookie解决办法 具体问题问题解决办法参考上面的文章。如果想一次性解决上面的所有问题，可以增加--disable-web-security启动参数，怎么增加启动参..
今天下午花点时间将本站css进行修改，通过@media screen max-width/min-width将本站在移动端浏览器下显示得更加友好。 本站在分辨率宽度680px一下显示如下 如果您在电脑端浏览本站使用的标准浏览器（ＩＥ９＋，ｆｉｒｅｆｏｘ，ｃｈｒｏｍｅ等），可以缩小浏览器窗口大小到６８０ｐｘ以下可以看到效果。 利用@media screen实现网页..
纯css实现线路走向圆点图，快递订单跟踪线路图形，效果如下 圆点使用了css3的border-radius，IE8-不支持，所以显示的是正方形。 css快递订单跟踪圆点图源代码如下style body{padding:50px} ul.list{border-left:solid 2px #999;padding-left:20px;margin:0px} ul.list li{position:relative;border-bottom:solid 1px #999;li..
javascript使用HTML5 canvas对象，在客户端压缩图片后上传到服务器。ajax发送canvas压缩后的base64图片字符串内容到服务器，服务器将base64内容转为2进制数据保存为图片即可。 效果如下，左边是原始图片，右边是压缩后的。javascript使用canvas压缩图像源代码如下!DOCTYPE htmlhtmlheadmeta charset=utf-8/titlejavascript使用canvas压缩..
ajax+asp.net+mssql实现的ajax无刷新聊天室，支持html web编辑器。为了加快速度，使用了存储过程。asp及php版本请看下面的文章ajax+asp+mssql无刷新聊天室ajax+php+mssql无刷新聊天室此例子也可以作为mssql存储过程使用的示例，如php调用mssql的存储过程，php获取mssql数据库的输出参数。要使用不同的动态页面，只需要更改lib.js文件中RequstUrl..
2017-8-2更新1)：新增setColors设置单元格颜色，param格式为{defaultColor:'#f00',dc:[{d:'2017-8-2',c:'blue'}..]}，dc数组c缺省会用defaultColor代替，defaultColor也缺省默认红色2)将2016-9-28更新整合到yearScale配置里面，配置这个年份变为下拉框，格式如{min:2000,max:2020}2016-9-28更新：如果需要年份选择可以下..
按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子，感觉这个功能蛮好玩的，但是还不够强大，尤其浏览器支持力度不够： !DOCTYPE html head meta charset=UTF-8 title使用HTML5本地数据库DEMO/title script type=text/javascript src=js/operateDB.js//script /head body onl..