瀑布流masonry布局API

评论(0)浏览(1137)分类：JavaScript/Ajax开发技巧
瀑布流masonry布局API　　Masonry是一款很好用的jquery网页布局插件，它可以去掉不同高度div之间的空白，让你的网页看上去更加的整齐、漂亮！效果如下图所示官网插件下载地址以及详解地址：http://masonry.desandro.com/masonry配置对象OptionsOptions are set with an object as second argument to the .masonry() method. All options are optional, and do not n..

JavaScript对象valueOf与toString方法

评论(0)浏览(118)分类：JavaScript/Ajax开发技巧
JavaScript对象valueOf与toString方法　　JavaScript数据类型都拥有valueOf和toString这两个方法，null除外。　　JavaScript中valueOf函数方法是返回指定对象的原始值。使用方法：object.valueOf( )object是必选项参数是任意固有JavaScript 对象。每个JavaScript固有对象的 valueOf 方法定义不同。对象返回值Array数组的元素被转换为字符串，这些字符串由逗号分隔，连接在一起。其操..

javascript通过ip获取物理地址接口

评论(0)浏览(1699)分类：JavaScript/Ajax开发技巧
javascript通过ip获取物理地址接口　　javascript如何通过访问者ip地址获取ip地址对应的物理地址API接口新浪的IP地址查询接口：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js，返回数据结构如下var remote_ip_info = {ret:1,start:116.1.29.0,end:116.1.43.255,country:\u4e2d\u56fd,province:\u5e7f\u897f,city:\u6842\u6797,district:\u4e03\u661f,isp:\u7535..

javascript删除选择的行

评论(0)浏览(113)分类：JavaScript/Ajax开发技巧
javascript删除选择的行　　javascript实现删除已经选择的table行。　　思路：单击表格中要删除的行，给行增加一个样式，然后点击删除按钮的时候删除那些带有删除样式的行。　　源代码如下script var tb; function del() { if (confirm('确认删除？！')) for (var i = 0; i tb.rows.length; ) { if (tb.rows[i].class..

CSS3动画教程

评论(0)浏览(188)分类：HTML/CSS兼容/XML
CSS3动画教程　　CSS3的属性比如 border-radius 、 box-shadow 和 text-shadow 在webkit(Safari、Chrome等)和Gecko(Firefox)等先进的浏览器中的使用开始出现增长的势头。它们(这些CSS属性)已经为用户创建更轻量的页面和更丰富的体验，而且它们可以优雅的降级。然而，这些只是CSS 3能为我们做的众多事情中的一小部分。　　在本文中，我们将走的更远，看一看 变..

淘宝导航小箭头翻转效果

评论(0)浏览(390)分类：HTML/CSS兼容/XML
淘宝导航小箭头翻转效果　　淘宝网站小箭头css3动画效果源代码，请使用webkit/Gecko核心浏览器运行示例查看效果!DOCTYPE htmlhtmlhead meta http-equiv=content-type content=text/html; charset=UTF-8 titlecss3 animation demo @ taobao - jsFiddle demo/title script type='text/javascript' src='http://fiddle.jshell.net//js/lib/mootools-1.2...

哪些浏览器支持css3动画

评论(0)浏览(136)分类：HTML/CSS兼容/XML
哪些浏览器支持css3动画CSS属性IEFirefoxSafariChromeOperaCSS 2D Transformno3.53.22.010.5CSS 3D Transformnono4.* (Mac)nonoCSS Transitionno3.73.22.010.5CSS Animationnono4.02.0no(数据来自http://caniuse.com/)可以看到，CSS Animation目前只有Webkit内核浏览器支持，目前只能自己玩玩；而Transition用来做渐进增强则较为合适。一个简单的例子需求：让一个div元..

javascript数字小写转大写金额函数

评论(0)浏览(194)分类：JavaScript/Ajax开发技巧
javascript数字小写转大写金额函数　　javascript实现将阿拉伯数字转为中文汉字表示的大写金额函数script function DX(n) { if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return 数据非法; var unit = 千百拾亿千百拾万千百拾元角分, str = ; n += 00; var p = n.indexOf('.'); if (p = 0) n = n.substring(0, p) + n.sub..

javascript加密解密base64字符串

评论(0)浏览(186)分类：JavaScript/Ajax开发技巧
javascript加密解密base64字符串　　javascript实现的将字符串转换为base64字符串，或者将base64编码的字符串还原为原来的内容，源代码如下HTMLHEADTITLEjavascript加密解密base64字符串/TITLEscript language=javascriptvar base64EncodeChars = ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/;var base64DecodeChars = new Array(　　-1, -1, -1, -1, -1..

JavaScript代码压缩工具

评论(0)浏览(156)分类：JavaScript/Ajax开发技巧
JavaScript代码压缩工具　　为了使页面更快的完成加载，经常需要对javascript/css代码进行压缩以减小体积，这里简单列一下用过的压缩工具，同时也作为存档。UglifyJS　　UglifyJS是构建于nodeJS服务器端之上的一个代码压缩工具，目前jQuery使用它来压缩，压缩效果比较好。GitHub主页：http://github.com/mishoo/UglifyJS/在线使用：http://marijnhaverbeke.nl/uglifyjs..

ajax中XML和JSON数据格式比较

评论(0)浏览(197)分类：JavaScript/Ajax开发技巧
ajax中XML和JSON数据格式比较　　使用ajax时，首先要明确2点，获取返回的数据可以使用ajaxobj.responseXML或者ajaxobj.responseText的2个属性，ajax对象其他属性具体参考：ajax对象常用属性，事件，方法大小写问题1）对于XML数据，使用responseXML获取到，直接是XMLDOM对象2）对于responseText得到的内容只有一种类型，就是字符串，然后根据需要将responseText处理成其他数据..

jQuery AjaxUpload中文使用API和demo示例

评论(0)浏览(4598)分类：JavaScript/Ajax开发技巧
jQuery AjaxUpload中文使用API和demo示例原项目地址为：http://valums.com/ajax-upload/原项目Demo：http://valums.com/wp-content/uploads/ajax-upload/upload.htm一、以下为项目主页正文翻译（包括代码注释的翻译）：1、AjaxUpload上传插件　　浏览器迫使我们使用文件输入控件(input type=file /)做上传，然而此控件的样式是不能修改的。此外，基于表单上传在流行的Ajax应用程序面前显..

浏览器滤镜大全

评论(0)浏览(168)分类：HTML/CSS兼容/XML
浏览器滤镜大全firefox只支持透明滤镜，为兼容ie可以使用下面的css即可-moz-opacity:0.5;/*其他类型Mozilla浏览器*/opacity:0.5;/*火狐，当然上面的火狐也支持*/filter:alpha(opcatiy=50);/*ie的，注意ie下是0-100，而火狐和Mozilla是0-1*/下面的都是ie支持的反转滤镜：fliphfilter:fliphtest.htmlstyleIMG {border:2px solid black}BODY{ margin:0;background..

IE6的navigator.userAgent输出MSIE 7

评论(0)浏览(519)分类：JavaScript/Ajax开发技巧
IE6的navigator.userAgent输出MSIE 7　　通过javascript判断浏览器版本时，一般是通过navigator对象的userAgent或者appVersion属性，但是在xp系统下的IE6，navigator.userAgent和navigator.appVersion尽然会是MSIE 7.0，无语了。XP系统版本为Professional 2002，打了SP3补丁。　　以后判断浏览器版本最好还是不要用navigator.userAgent和navigator.appVersion，怪不得今天加载的js通..

javascript数组forEach方法

评论(0)浏览(212)分类：JavaScript/Ajax开发技巧
javascript数组forEach方法forEach 方法 (JavaScript)备注：IE9+，firefox1.5+，chrome浏览器才支持数组的forEach方法，IE8-浏览器不支持，需要扩展// 说明：Javascript Array 的 forEach 方法// 整理：http://www.CodeBit.cn// 来源：http://developer.mozilla.org if (!Array.prototype.forEach){Array.prototype.forEach = function(fun /*, thisp*/){var len = this.l..

chrome onselect方法名称

评论(0)浏览(137)分类：JavaScript/Ajax开发技巧
chrome onselect方法名称　　昨天在csdn看到一个select对象触发onchange事件方法名称为onselect实现二级联动的问题，用chrome调试后发现执行自定义的onselect方法，没有实现联动，在console控制台看到了一个Uncaught TypeError: object is not a function的错误。搜狗浏览器高速模式下也无法实现联动，其他浏览器如firefox，ie没问题。　　示例一scriptfunction onselec..

JavaScript核心，闭包和作用域面试题

评论(0)浏览(134)分类：JavaScript/Ajax开发技巧
JavaScript核心，闭包和作用域面试题　　DmitryBaranovskiy的博客中有篇文章（http://dmitry.baranovskiy.com/post /91403200），其中有五段小代码，用来测试是否理解JavaScript的核心，闭包和作用域。大家先试着给出alert语句的输出结 果。之后再建一个测试文件，检测你的答案。一scriptif (!(a in window)) { var a = 1;}alert (a);/script二scriptvar a = 1, b = function..

javascript函数参数arguments,callee,caller

评论(0)浏览(181)分类：JavaScript/Ajax开发技巧
javascript函数参数arguments,callee,caller一、Arguments：该对象代表正在执行的函数和调用他的函数的参数。[function.]arguments[n]参数function ：选项。当前正在执行的 Function 对象的名字。n ：选项。要传递给 Function 对象的从0开始的参数值索引。　　说明：Arguments是进行函数调用时，除了指定的参数外，还另外创建的一个隐藏对象。　　Arguments是个类似数组但不是数组的对象，..

javascript精确到毫秒的计时器

评论(0)浏览(340)分类：JavaScript/Ajax开发技巧
javascript精确到毫秒的计时器　　发一个javascript写的精确到毫秒的计时器，可以定义delay时间，最大计量单位为小时script var maxtime = 1 * 60 * 60 * 1000//一个小时，按毫秒计算，自己调整! ,tmp,delay=11 //建议delay不要小于10ms，要不执行计算和设置innerHTML耗费的事件就不止1ms了 function CountDown() { if (maxtime = 0) { hours = ..

IE未知的运行时错误

评论(0)浏览(146)分类：JavaScript/Ajax开发技巧
IE未知的运行时错误　　今天犯了个低级错误，li标签嵌套li标签，设置嵌套的li标签的innerHTML时报错IE未知的运行时错误，嵌套没出错，就设置innerHTML出问题，其他浏览器如chrome，firefox都没问题，容错能力比较好，IE就不行了，╮(╯▽╰)╭，还是得注意按照标准写法，不能乱嵌套标签，要不报错了够自己找的。ulli id=li/li/ulscript type=text/javascript wi..

html5 ajax上传文件asp.net示例

评论(0)浏览(4265)分类：JavaScript/Ajax开发技巧
html5 ajax上传文件asp.net示例　　在Gecko（firefox4+）和webkit（chrome）核心的浏览器中存在FormData对象，可以收集表单中的文件内容，结合ajax对象XMLHttpRequest就可以无刷新的上传文件了。FormData对象实例有一个方法叫做append，允许加入任何形式的数据（文本和文件）的对象。不过悲催的是IE9虽然支持html5，但是没有FormData对象。　　测试代码html xmlns=http://www...

html5 video标签介绍

评论(0)浏览(116)分类：HTML/CSS兼容/XML
html5 video标签介绍HTML 5 video 标签定义和用法video 标签定义视频，比如电影片段或其他视频流。实例一段简单的 HTML5 视频：video src=movie.ogg controls=controls您的浏览器不支持 video 标签。/videoHTML 4.01 与 HTML 5 之间的差异video 标签是 HTML 5 的新标签。提示和注释提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支..

HTML5事件属性

评论(0)浏览(159)分类：HTML/CSS兼容/XML
HTML5事件属性html5全局事件属性HTML4 增加了通过事件触发浏览器中行为的能力，比如当用户点击某个元素时启动一段 JavaScript。下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。Window 事件属性 - Window Event Attributes表单事件 - Form Events键盘事件 - Keybord Events鼠标事件 - Mouse Events媒介事件 - Media Eventsnew：HTML 5 中..

HTML5全局属性

评论(0)浏览(132)分类：HTML/CSS兼容/XML
HTML5全局属性下面的全局属性可用于任何 HTML5 元素。HTML 5 全局属性NEW：HTML 5 中新的全局属性。属性描述accesskey规定访问元素的键盘快捷键class规定元素的类名（用于规定样式表中的类）。contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。dir规定元素中内容的文本方向。draggable规定是否允许用户拖动元素。dropzone规定当被..

javascript replace函数$&

评论(0)浏览(370)分类：JavaScript/Ajax开发技巧
javascript replace函数$&　　今天发现自己写的高亮函数代码出现问题，有一些内容没有替换掉，显示为原来的内容，认真看了一下replace函数，发现自己完全没理解透replace函数中替换内容特殊字符$的用途，导致代码出现bug。　　原来的代码要替换__JS0__这个内容为nbsp;$nbsp;，执行替换后发现不是nbsp;$nbsp;，而是变成了nbsp;__JS0__nbsp;，原因是$代表的是与 regexp 相匹..

js技能冷却效果

评论(0)浏览(136)分类：HTML/CSS兼容/XML
js技能冷却效果　　玩游戏的都知道技能有一个冷却效果，效果如下图。在网页里，除了用Flash，通过css+javascript等不少方法可以实现它。　　显然这种效果不复杂，一张背景图片，加上前面带有透明度的多边形图层，在脚本控制下就可以转起来了。但问题在于用什么方法来构建这个多边形？　　在IE下可以用VML，其他浏览器可以用Canvas等等。虽然行的通，但都不是最..

修改img原始尺寸影响效率

评论(0)浏览(190)分类：HTML/CSS兼容/XML
修改img原始尺寸影响效率　　最近在修改一个游戏框架时发现页面渲染效率骤降，CPU从原先的10%左右上升到50%（一个核已经满负载了），FPS也下降不少。经过一番调试，发现 是其中的一个img元素引起的。和页面里其他img元素不同之处在于，这个图片的尺寸是通过脚本缩放的，难道图片的尺寸会影响渲染效率吗？下面来测试下。　　这里选择一幅600*400的图片，让它随鼠标移动，..

firefox不传递event对象如何在函数体中获取

评论(0)浏览(120)分类：JavaScript/Ajax开发技巧
firefox不传递event对象如何在函数体中获取　　本文讨论如何让firefox像IE浏览器那样，不需要传递event对象到函数中，而是在函数体中直接使用window.event获取到事件对象。　　javascript里有两种获取事件对象的办法。一种是访问window.event属性，另一种便是事件函数的第一个参数。　　IE里只支持window.event，Firefox只支持参数的形式，而其他主流浏览器两者都支持。所以平时为了兼容F..

event对象在IE和firefox详解

评论(0)浏览(130)分类：JavaScript/Ajax开发技巧
event对象在IE和firefox详解　　IE中事件对象是作为全局对象( window.event )存在的，Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定var evt = window.event || arguments[0];　　下面分四种添加事件的方式讨论，你也许会看到以前没有看到过的获取方式。1，第一种添加事件的方式，直接在html的属性中写JS代码div onclick=alert(4);Div1 El..

ckeditor自动填满容器

评论(0)浏览(1290)分类：JavaScript/Ajax开发技巧
ckeditor自动填满容器　　ckeditor设置了高度为100%百分比时并不会自动将容器填充满，通过firebug查看生成的ckeditor代码结构后，如下图，编辑器的td设置了高度为height:100%的样式，但是并没有实现容器的完整填充。　　ckeditor有自动全屏的功能，如果是想自动填充整个显示窗口，而不是指定的容器，可以通过调用CKEDITOR.instances.content.execCommand('maximi..