当文本框只能输入数字是一个很常见的需求，比如电话号码，身份证号，卡号， 数量....等等只允许数字输入，为了更好的用户体验性，直接写出 启动数字键盘的需求，我和大多数人一样用 this.style.imeMode='disabled';imeMode有四种形式，分别是：active 代表输入法为中文inactive 代表输入法为英文auto 代表打开输入法 (默认)disable 代表关闭输入法发现在Android手机上是不行的。解决办法：html5里的 input 的type属性可设置为 number 既是<input type=" number" Read More
使用jquery mobile创建dialog时出现加载错误，“Error Loading Page”。如下图：出现这个问题的原因是因为jquery mobile不支持file://，也就是本地文件，所以要将其放到服务器上来运行。外部页面链接JQuery Mobile 自动化了创建ajax站点和程序的过程.默认情况下,当你点击一个链接时会指向一个外部页面(如.products.html), 但是框架会解析该链接的 href属性然后发出一个ajax请求(Hijax)并显示正在加载的提示.如果ajax请求成功,新页面内容会添加到DOM当中,所有mobile widget都是自动初始化的,然后新页面 Read More
cookie是 存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访问这个域名时，便使这个cookie可用。因此，cookie可以跨越一个域名下的 多个网页，但不能跨越多个域名使用。 不同的浏览器对cookie的实现也不一样，但其性质是相同的。例如在Windows 2000以及Windows xp中，cookie文件存储于documents and settings/userName/cookie/文件夹下。通常的命名格式为：userName@domain.txt 。cookie是用来识别用户，每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 Ja Read More
按比例缩小或者放大到某个尺寸，对于标准浏览器（如Firefox），或者最新都IE7,ie8浏览器，直接使用max-width,max-height；或者min-width,min-height的CSS属性即可。如：img{max-width:100px;max-height:100px;}img{min-width:100px;min-height:100px;}对于IE6及其以下版本的浏览器，则可以利用其支持的expression属性，在css code中嵌入javascript code来实现图片的缩放,如下：.thumbImage {max-width: 100px;max-height Read More
之前写的代码，都是在当前窗口位于居中，可是一旦窗口缩小或者放大都不是位于居中的位置了，但是一直想写的一个类似于alert弹出窗口的效果。原理很简单：获取当前屏幕（窗体）的宽度和高度，因为不同浏览器的窗体大小是不一样的。有了这个，可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢？这个时候就要获取当前窗体距离页面顶部的高度，加到刚刚的y轴坐标即可。$(document)是获取整个网页的，$(window)是获取当前窗体的，这个要搞清楚。最后把获取的坐标赋给窗体即可，窗体本身是绝对定位的，所以自然可以到窗体中间。具体代码： 1 <!DOCTYPE HTML> 2 <h Read More
图片轮换的效果随处可见，但是我还是试着封装了一个函数。一个页面上可以多次调用。。。由于初学代码写的不是多好，其中有个文件是可以踢出到一个js文件里的，这是为了测试方便，我都给放在了一个页面里了。其中如果有问题，有更好的意见或者建议都可在最后留言，都将对您感激不尽。具体的代码如下： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > 5 <ti Read More
这两天一直在整这个拖拽的效果，既然学习就要把一个特效的各个方面考虑周全，这样才学到真正的知识。可不，又整理了一个 拖拽的特效。这个可与前两个不同了，这个是拖拽到指定的区域内的特效。其实逻辑方式差不多，只不过不同的是 找到目标元素，用appendTo 的方法插入到目标元素。具体的代码如下，有兴趣者可以试下。（由于是初学，做的简单，请大侠指点一二。。。） 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/htm Read More
上篇文章 写了简单的跟随鼠标移动效果。这个拖拽排序的效果的区别在于： 运用了插入insertBefore 和 insertAfter 的方法步骤：1.实现随鼠标移动的效果；2.初始化一个元素及其坐标；3.拖拽对象的最后坐标，与元素的坐标 进行计算和判断 来确定 要插入的目标元素；4.用insertBefore 方法 插入到目标元素的前面具体代码如下： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/htm Read More
拖拽功能，首先是需要 mousedown,mousemove,mouseup 这三个事件的，然后最主要的是怎么样计算 目标元素 随鼠标移动的坐标 。1. 在mousedown事件里，获取鼠标点击时的坐标:initPos.x | initPos.y 和 目标元素的坐标: $target.offset().left | $target.offset().top, 计算出 当时鼠标 相对 目标元素左上角的 坐标relPos.x = initPos.x - $target.offset().left , relPosy = initPos.y- $taget.offset().top。2. 在mous Read More
上次写的是切换的 ，大致逻辑顺序是一样的，都是先实现自动播放，其次点击事件 ， 最后鼠标停留效果.代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-eq Read More