ZO的仓库

导航

2015年1月9日 #

JS自动格式化输入的数字/千位分隔符

摘要: 阅读全文

posted @ 2015-01-09 16:38 MIXZO 阅读(512) 评论(0) 推荐(0)

jquery对象和dom对象的相互转换

摘要: 更好的学习jquery,要区分好jquery对象和dom对象的区别。先具体说说dom。举个例子 举个例子 这里的每个子节点,例如,,都是dom元素节点。这样就可以通过javascript来获取改元素节点的对象,简称dom对象。而jquery对象就是把通过jquer... 阅读全文

posted @ 2015-01-09 16:37 MIXZO 阅读(208) 评论(0) 推荐(0)

js在IE和FF下的兼容性问题

摘要: 本文出自前端档案,以作学习参考之用。自己也补充了一些内容长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; ... 阅读全文

posted @ 2015-01-09 16:36 MIXZO 阅读(121) 评论(0) 推荐(0)

js 浏览器兼容的一些方法

摘要: 使用js是一件令人很抓狂的事情,很多的浏览器兼容,一大推的代码,谁的脑袋能记住那么多的东西,只有平时多积累,所谓熟能生巧嘛。。这里列出一些常用的兼容代码,一点点积累哈~~~ 一、以跨浏览器的方式处理事件。这个叫EventUtil对象定义了一些方法,用来处理各浏览器之间的差异。 var Event... 阅读全文

posted @ 2015-01-09 16:35 MIXZO 阅读(424) 评论(0) 推荐(0)

js键盘事件全面控制详解

摘要: js键盘事件全面控制主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结第一部分:浏览器的按键事件用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和... 阅读全文

posted @ 2015-01-09 16:34 MIXZO 阅读(453) 评论(0) 推荐(0)

setTimeout的使用与参数传递

摘要: 在使用JavaScript的时候,我们有时需要间隔的执行一个方法,比如用来产生网页UI动画特效啥的。这是我们常常会使用方法setInterval或setTimeout,但是由于这两个方法是由脚本宿主模拟出来的Timer线程,在通过其调用我们的方法是不能为其传递参数。我们常用的使用场景是:windo... 阅读全文

posted @ 2015-01-09 16:31 MIXZO 阅读(532) 评论(0) 推荐(0)

jQuery下通过$.browser来判断浏览器

摘要: 使用方法:$.browser.['浏览器关键字']代码如下:$(function() {if($.browser.msie) {alert("this is msie");}else if($.browser.safari){alert("this is safari!");}else if($.b... 阅读全文

posted @ 2015-01-09 16:30 MIXZO 阅读(586) 评论(0) 推荐(0)

JS关于时间的计算

摘要: 用javascript返回两个时间差,精确到秒:Date.diff = function(a,b){ if(a instanceof Date && b.instanceof Date) { return Math.round((a.getTime() - b.getTim... 阅读全文

posted @ 2015-01-09 16:29 MIXZO 阅读(544) 评论(0) 推荐(0)

JS时间格式 GMT格式转换

摘要: JavaScript时间格式转换总结1.当前系统区域设置格式(toLocaleDateString和toLocaleTimeString)例子:(new Date()).toLocaleDateString() + " " + (new Date()).toLocaleTimeString()结果:... 阅读全文

posted @ 2015-01-09 16:28 MIXZO 阅读(4997) 评论(0) 推荐(0)

IE下被遮住的iframe能接收事件

摘要: 今天,2012-2-22,是个很二的日子,遇到了一个诡异的问题~~下午收到一封信。from:someone@ctrip.comto:小灰灰title:被挡住的iframe也能接收到点击事件小灰灰,今天开发的时候遇到了一个很怪的问题。页面中有一个iframe和一个弹出层。iframe中是一个可以点击的... 阅读全文

posted @ 2015-01-09 16:27 MIXZO 阅读(507) 评论(0) 推荐(0)

Chrome渲染Transition时页面闪动Bug

摘要: 前段时间,有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象,但是我在Mac和Win下面的Chrome都无法重现这个问题,后来重装了一遍Win7下的Chrome Beta版本,终于重现了这个问题,正好研究解决下…问题主要集中于淘宝首页吊顶以及左侧服务栏处,鼠标移过整个页面会闪动一次,R... 阅读全文

posted @ 2015-01-09 16:25 MIXZO 阅读(399) 评论(0) 推荐(0)

自定义webkit搜索框样式

摘要: 好吧,这是个有点儿蛋疼的文章,每个浏览器都可以有自己的行为和表现,只是webkit在apple的带领下,在UI上走的更远了一点儿,但是却给我们带来了点儿困扰,因为很多情况下,我们希望搜索框在所有的浏览器上表现一致。。。用过mac的同学应该了解这个情况:就拿前端观察右上角的搜索框来说,在Windows... 阅读全文

posted @ 2015-01-09 16:24 MIXZO 阅读(592) 评论(0) 推荐(0)

JS获取屏幕,浏览器,网页高度宽度

摘要: 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的... 阅读全文

posted @ 2015-01-09 16:22 MIXZO 阅读(171) 评论(0) 推荐(0)

jQuery 获取父窗口的元素 父窗口 子窗口(iframe)

摘要: $("#父窗口元素ID",window.parent.document);对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID");取父窗口的元素方法:$(selector, window.parent.document);... 阅读全文

posted @ 2015-01-09 16:21 MIXZO 阅读(748) 评论(0) 推荐(0)

解决IE6下JS动态插入iframe不显示的方法

摘要: function myshowBox(titles, urls, objWidth, objHeight, flags){ var _title = titles; var _url = urls; var _width = objWidth; var _height = objHeight... 阅读全文

posted @ 2015-01-09 16:20 MIXZO 阅读(183) 评论(0) 推荐(0)

css实现阴影效果(box-shadow)

摘要: box-shadow 使用方法设置块阴影语法:box-shadow:||取值:?? ||:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色说明:引擎类型GeckoWebkitPrestoBox-shadow-moz-box-shadow-webkit-border-s... 阅读全文

posted @ 2015-01-09 16:18 MIXZO 阅读(463) 评论(0) 推荐(0)

一些上流的CSS3图片样式

摘要: 直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时,浏览器并不能完美的渲染它们。不过,如果把这个图片用作背景图,你就可以可以给它添加任何样式了,浏览器也会很好地渲染。Darcy Clarke和我做了一个简单的教程,讲解如何使用jQuery来动态地制作... 阅读全文

posted @ 2015-01-09 16:17 MIXZO 阅读(527) 评论(0) 推荐(0)

animate.css 一些常用的CSS3动画效果

摘要: 大家已经开始在项目中使用一些CSS3动画效果了吧,这让网站在高端浏览器上看起来很上流。animate.css是一个老外做的各种CSS3动画的合集,比较全,也很炫,大家可以参考学习一下。项目主页:http://daneden.me/animate/自定义下载样式:http://daneden.me/a... 阅读全文

posted @ 2015-01-09 16:16 MIXZO 阅读(305) 评论(0) 推荐(0)

CSS3实现背景颜色渐变

摘要: CSS3渐变色生成网站:http://gradients.glrzad.com/本文参考:前端设计之用CSS3做线性渐变效果http://webskys.com/css3/10.html在CSS3出来以前,想要显示一个渐变的效果,必须要专门制作一个图片。CSS3的出现,使得渐变色得以简单的实现。由于... 阅读全文

posted @ 2015-01-09 16:14 MIXZO 阅读(512) 评论(0) 推荐(0)

CSS3 动画基础

摘要: 该文为译文转载,原文地址:http://tech.163.com/mobile/10/0106/09/5SB96QSM00112K88.html译文:你需要知道的CSS3 动画技术原文:What You Need To Know About Behavioral CSS为网络而生CSS 3的属性比如... 阅读全文

posted @ 2015-01-09 16:13 MIXZO 阅读(137) 评论(0) 推荐(0)

CSS3 Animation

摘要: CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation;我们一起学习完了Transform和Transition,让我们对元素实现了一些基本的动画效果,这些我想足以让大家激动了一阵子,今天我们趁着这个热劲继续第三个动画属性Animation的学习,单从A... 阅读全文

posted @ 2015-01-09 15:46 MIXZO 阅读(228) 评论(0) 推荐(0)

CSS3 Transition

摘要: 上一节花了大篇幅整理了CSS3中动画属性中的Transform,今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得... 阅读全文

posted @ 2015-01-09 15:44 MIXZO 阅读(163) 评论(0) 推荐(0)

CSS3 Transform

摘要: 前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用,今天开始我们一起来学习有关于CSS3制作动画的几个属性:变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Tra... 阅读全文

posted @ 2015-01-09 15:40 MIXZO 阅读(152) 评论(0) 推荐(0)

jQuery 屏蔽鼠标快速经过

摘要: 导航:var navFun = function() { var mouseover_tid = []; var mouseout_tid = []; $(".header .nav li").each(function(index) { $(this).hover( functi... 阅读全文

posted @ 2015-01-09 15:37 MIXZO 阅读(216) 评论(0) 推荐(0)

JQ插件jquery.fn.extend与jquery.extend

摘要: jQuery为开发插件提拱了两个方法,分别是:JavaScript代码jQuery.fn.extend(object);jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(objec... 阅读全文

posted @ 2015-01-09 15:36 MIXZO 阅读(209) 评论(0) 推荐(0)

font-size单位换算

摘要: PointsPixelsEmsPercent6pt8px0.5em50%7pt9px0.55em55%7.5pt10px0.625em62.5%8pt11px0.7em70%9pt12px0.75em75%10pt13px0.8em80%10.5pt14px0.875em87.5%11pt15px0... 阅读全文

posted @ 2015-01-09 15:35 MIXZO 阅读(679) 评论(0) 推荐(0)

js获取客户端操作系统

摘要: functiondetectOS(){varsUserAgent=navigator.userAgent;varisWin=(navigator.platform=="Win32")||(navigator.platform=="Windows");varisMac=(navigator.platf... 阅读全文

posted @ 2015-01-09 15:34 MIXZO 阅读(573) 评论(0) 推荐(0)

js数组的操作

摘要: 1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, .... 阅读全文

posted @ 2015-01-09 15:31 MIXZO 阅读(172) 评论(0) 推荐(0)

一些实用的JS

摘要: 1.str.split(/\s+/)这句是表示以和/\s+/匹配的字符串作为分界,分割字符串str比如一个空格或者多个或者空格以及回车等 其中+表示一个或者多个var a = "b-c-d";var d = a.split("-");alert(d[1]); //c2.var up_class;i... 阅读全文

posted @ 2015-01-09 15:30 MIXZO 阅读(234) 评论(0) 推荐(0)

HTML 5 canvas —— 基本语法

摘要: 目录简述canvas 基础2D context API基本线条路径插入图像像素级操作文字阴影颜色渐变小节简述HTML5 规范引进了很多新特性,其中最令人期待的之一就是canvas元素。HTML 5canvas提供了通过 JavaScript 绘制图形的方法,此方法使用简单但功能强大。每一个canva... 阅读全文

posted @ 2015-01-09 15:26 MIXZO 阅读(270) 评论(0) 推荐(0)

JS正则表达式大全

摘要: 验证数字的正则表达式集验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小... 阅读全文

posted @ 2015-01-09 15:24 MIXZO 阅读(376) 评论(0) 推荐(0)

JavaScript验证

摘要: PS:应用于企业带驾后台系统PS:提取于嗨友会注册页/*身份证*/var vcity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 3... 阅读全文

posted @ 2015-01-09 15:22 MIXZO 阅读(325) 评论(0) 推荐(0)

利用CSS的@font-face属性 在网页中嵌入字体

摘要: 字体使用是网页设计中不可或缺的一部分。网页是文字的载体,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷: 一、不可能大范围的使用该字体; 二、图片... 阅读全文

posted @ 2015-01-09 15:20 MIXZO 阅读(153) 评论(0) 推荐(0)

兼容FF 加入收藏夹和设为首页

摘要: 兼容FF 加入收藏夹和设为首页加入收藏设为首页 阅读全文

posted @ 2015-01-09 15:19 MIXZO 阅读(116) 评论(0) 推荐(0)

安装了iis之后,打开默认网站http://localhost/要求输入用户名和密码解决办法

摘要: 开始-运行gpedit.msc回车。 计算机配置--管理模板-windows 组件-Internet Exporer-Internet控制面板-安全页-Internet区域:双击登陆选项;选择已启用;登陆选项-自动使用当前用户名和密码登陆,确定。 重启IE即可。 阅读全文

posted @ 2015-01-09 15:18 MIXZO 阅读(1214) 评论(0) 推荐(0)

CSS 通用原子类

摘要: /*文字排版*/.f10 { font-size: 10px; }.f11 { font-size: 11px; }.f12 { font-size: 12px; }.f13 { font-size: 13px; }.f14 { font-size: 14px; }.f16 { font-size:... 阅读全文

posted @ 2015-01-09 15:17 MIXZO 阅读(1136) 评论(0) 推荐(0)

“访问 IIS 元数据库失败”错误的解决方法

摘要: 1、依次点击“开始”-“运行”。 2、在“运行”栏内输入 “C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet_regiis.exe -i ”(不含引号),然后点“确定”按钮。 3、出现的cmd窗口中显示“开始安装ASP.NET X... 阅读全文

posted @ 2015-01-09 15:13 MIXZO 阅读(123) 评论(0) 推荐(0)

在IE地址栏输入JS的有趣效果

摘要: 1、编辑网页在地址栏输入下面的代码按enter,网页上所有元素都能变成可编辑状态,你可以移动、调整元素大小。如果你只是讨厌某个网站想发泄一下,我建议你使用NetDisater。代码如下:javascript:document.body.contentEditable=’true’; document... 阅读全文

posted @ 2015-01-09 15:11 MIXZO 阅读(535) 评论(0) 推荐(0)

min-height for IE6

摘要: 1.className{ min-height:500px; height:auto !important; height:500px;}2.在做页面布局时遇到了ie6不支持min-height问题,下面将分别描述问题及其解决办法:Html代码说明一个div中包括了两个div:left和right,... 阅读全文

posted @ 2015-01-09 15:08 MIXZO 阅读(140) 评论(0) 推荐(0)

针对主流浏览器的CSS-HACK写法及IE常用条件注释

摘要: 一、通用区分方式:IE6、IE7能识别*,标准浏览器(如FF)不能识别*;IE6能识别*,但不能识别 !important;IE7能识别*,也能识别 !important;IE8能识别\0,不能识别*,+,_,* 加!important;FF不能识别*,但能识别 !important;例如style... 阅读全文

posted @ 2015-01-09 15:06 MIXZO 阅读(288) 评论(0) 推荐(0)

设置iframe背景透明

摘要: 阅读全文

posted @ 2015-01-09 15:03 MIXZO 阅读(193) 评论(0) 推荐(0)

CSS中控制换行的四种属性

摘要: 一、white-space 可以实现HTML中PRE标签的效果,以及单元格的noWrap效果,点此查看示例。 Example Source Code语法:white-space:normal|pre|nowrap 取值: normal:默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内... 阅读全文

posted @ 2015-01-09 14:54 MIXZO 阅读(2191) 评论(0) 推荐(0)