摘要: 今天突然心血来潮,想看看jquery moblie,非常方便在ios和android客户端上面做些东西,非常快捷,jquery moblie提供了强大的UI功能,只需要在HTML标签上面添加属性标签就可以:data-roledata-role="page" 表示一个内容块,juqey moblie在显示的时候会将其它的块内容隐藏,相当于一个页面data-role="header" 表示一个内容块的头部data-role="content"表示一个内容块的主要内容data-role="footer"表示一个内容块的尾 阅读全文
posted @ 2012-05-03 10:57 xiaoxiaohui 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 今天在项目中碰到一个小问题 点击链接替换body的背景图片代码如下: <a href="javascript:void(0)">1</a> <a href="javascript:void(0)">1</a> <a href="javascript:void(0)">1</a> <a href="javascript:void(0)">1</a> <a href="javascript:void(0)&q 阅读全文
posted @ 2012-04-21 18:02 xiaoxiaohui 阅读(728) 评论(0) 推荐(0) 编辑
摘要: 今天在项目中有个小需求,用户在上传一张图片时,然后需要将已有的图片都渲染成用户上传图片的形状,唯一的规则就是:这张图片某一点是透明的就不需要管,如果不是透明的那么则需要从已有的图片中找到相应的那一点的rgb值填充到这张图片上var canvas = document.createElement('canvas'), context = canvas.getContext('2d'), img = new Image();img.onload = function(){ var w = img.width,h = img.height; canvas.width 阅读全文
posted @ 2012-03-27 10:16 xiaoxiaohui 阅读(1005) 评论(0) 推荐(0) 编辑
摘要: 今天需要在项目中用到一个时钟的效果图:初试canvas小实验,代码var canvas = document.getElementById('myCanvas') var context = canvas.getContext('2d')context.strokeRect(0,0,canvas.width,canvas.height)context.beginPath()context.arc(200,150,5,0,2*Math.PI,true)context.strokeStyle = '#00f'context.fillStyle = & 阅读全文
posted @ 2012-03-11 21:14 xiaoxiaohui 阅读(293) 评论(0) 推荐(0) 编辑
摘要: 今天在项目中碰到了一个位置:例:如下<div style="position:relative;"> <div style="text-align:center;"><span style="display:inline-block;height:24px;text-align:center;width:80px;background:red;"></span>(只要这里面有内容)</div> <div style="width:80px;height:24p 阅读全文
posted @ 2012-01-10 14:27 xiaoxiaohui 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 最近在项目中用到了一个类似于微博的用户资料选项卡的功能,其实就是计算8个位置的坐标点var screenW = $(window).width(), screenH = $(window).height(), domL = dom.offset().left, domT = dom.offset().top, domW = dom.outerWidth(), domH = dom.outerHeight(), usercardW = $("#usercard").outerWidth(), usercardH = $("#usercard").outer 阅读全文
posted @ 2012-01-05 17:27 xiaoxiaohui 阅读(5092) 评论(0) 推荐(0) 编辑
摘要: 最近在一个项目中有个功能,需要获取光标所在的位置,并设置光标的位置,<script> var isIE = !(!document.all); function posCursor(){ var start=0,end=0; var oTextarea = document.getElementById("textarea"); if(isIE){ //selection 当前激活选中区,即高亮文本块,和/或文当中用户可执行某些操作的其它元素。 //createRange 从当前文本选中区中创建 TextRange 对象, //或从控件选中区中创建 contro 阅读全文
posted @ 2011-12-22 19:01 xiaoxiaohui 阅读(1112) 评论(0) 推荐(0) 编辑
摘要: 一直都是简单去js实现cookie的一些操作,今天把js对cookie操作系统的整理了一遍,包括:js读取cookie,js添加cookie,js删除cookie,示例如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; cha 阅读全文
posted @ 2011-12-10 11:50 xiaoxiaohui 阅读(478) 评论(0) 推荐(0) 编辑
摘要: 字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢?先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点;pt就是point,是印刷行业常用单位,等于1/72英寸。这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对长度”。pt全称为point,但中文不叫“点”,查金山词霸可以看到,确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长 阅读全文
posted @ 2011-11-03 20:38 xiaoxiaohui 阅读(565) 评论(0) 推荐(0) 编辑
摘要: /** * 递归排列 * 从 arr[1...n] 中任选 num(0 < num <= n) 个数的所有排列 */ function recursion_permutate(arr, num) { var r = []; (function f(t, a, n) { if (n == 0) return r.push(t); for (var i = 0, l = a.length; i < l; i++) { f(t.concat(a[i]), a.slice(0, i).concat(a.slice(i + 1)), n - 1); } })([], arr, num) 阅读全文
posted @ 2011-10-17 16:23 xiaoxiaohui 阅读(595) 评论(0) 推荐(0) 编辑