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)