最近的文章列表

用jquery插件来实现定时查询待处理任务数量

使用方法:

代码如下:

$("#todo_tip").pull_todo_count();

后台返回值

代码如下:

{"todo_count":3}

js文件

2014/5/9 Comments:
javascript实现checkbox全选和反选的例子

复选框全选示例

代码如下:

<input type="checkbox" name="selectall" value=on onclick="selectAll()">
function selectAll(form) {
 var obj = document.getElementsByName('selectall');
2014/5/9 Comments:
分享jquery实现等待效果例子

实现查询等待:正在查询中,请稍后...

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/
2014/5/9 Comments:
分享一个非常不错的JS分页效果代码

本来想用网上找来的分页程序,不过都得做修改,感觉麻烦了,还是自己写一个好了,以后自己用的时候修改就方便了~~大家都多动手,自己写的才是最好的,日后想干什么的,做修改也是很容易的~~顺便也扩充一下自己的代码库~~

补充一句,cpage是页面计数,应为全局变量,这样可以随处调用它,totalpage是总页数 

 
2014/4/25 Comments:
js和html5(canvas)实现手机端刮刮卡抽奖效果完美兼容android/IOS/PC

绝对值得看的来篇,哈哈。本人亲自完成,有错误请大家指出:
现在的手机完美支持html5,所以如果手机端想要做个抽奖模块的话,用刮刮卡抽奖效果,相信这个互动体验是非常棒的
​ps:由于本人没有wp8系统的手机,所以没法兼容wp8系统的,目前完美兼容android,IOS
如果要在pc浏览的话,得改下js,目前支持谷歌,火狐,ie>=10,如果网友想要的话我就去写个
代码如下: 

2014/4/15 Comments:
丰富直观的设计 用户体验设计中的巧妙过渡

HTML5和CSS3的兴旺,带给用户更炫更好的体验,一些网站不仅在内容,可用性,设计,功能等方面,让人耳目一新;交互设计细节和动画更是与众不同。我们将分享一些模型的经验,分析一下这些简单的模式为什么效果很好。

2014/2/13 Comments:
Crayon Syntax Highlighter是一款优秀的WordPress插件 实现代码高亮

Crayon Syntax Highlighter 是一款优秀的代码高亮插件,有多种皮肤、字体可选,并可自定义字号、边距、行距等细节,还有功能强大的代码工具栏 —— 可快捷复制代码,后台编辑器TinyMCE中有专属按钮 —— 可方便插入代码,后台带详细设置,满足你的各种需求。

2014/2/10 Comments:
SyntaxHighlighter的Brush类型有哪些?

// "xml","xhtml","xslt","html"
// "text","plain"
// "actionscript3","as3"
// "bash","shell"
// "coldfusion","cf"
// "cpp","c"
// "c#","c-sharp","csharp"
// "css"
// "delphi","pascal","pas"
// "vb","vbnet"
// "erl","erlang"
// "groovy"
// "java"
// "jfx","javafx"
// "js","jscript","javascript"
// "perl","Perl","pl"
// "php"
// "py","python"
// "ruby","rails","ror","rb"
// "scala"
// "sql"
// "lua"

2014/2/10 Comments:
【JS颜色选择器】216种web安全色选择器

查看示例:http://camnpr.com/TuiJianTools/jsdemo/color.html

 

使用方法:

js引用:将下面的JS源码存入您的JS文件或者网页的<head><script>JS代码</script></head>标签中

HTML要求:页面的HTML代码中必须包含三个元素,即:触发手柄、显示选中颜色的节点、显示筛选出来的216种颜色的节点
例:
触发手柄 <input type="button" value="按钮选取颜色" id="myhand" />
显示选中颜色的节点 <input type="button" value="#FFFFFF" id="showColor" />
显示筛选出来的216种颜色的节点 <div id="color"></div>

2014/2/7 Comments:
图片放大缩小功能

通过 Math.pow(x,y) 的“幂”运算来计算大小图片放大缩小的尺寸

看JS源码:

// 放大缩小控制
var PhotoSize = {
  zoom: 0, // 缩放率
  count: 0, // 缩放次数
  cpu: 0, // 当前缩放倍数值
  elem: "", // 图片节点
  photoWidth: 0, // 图片初始宽度记录
  photoHeight: 0, // 图片初始高度记录
2014/2/7 Comments: