摘要：Jquery由于提供的$.ajax强大方法，使得其调用webservice实现异步变得简单起来，可以在页面上传递Json字符串到Webservice中，Webservice方法进行业务处理后，返回Json对象给页面，让页面去展现。这一切都非常的简单，今天要学习的并非这些。我们在实际处理业务过程中，会发现往往页面要传递给webservice 的并非一个或多个字符串，有时候需要传递的是一个组合数据，如这样的一组数据： {'Employee': [{'name':'John','sex':'man','age&# 阅读全文
jQuery的插件开发
2012-03-13 10:21 by 臭小子1983, 216 阅读, 0 推荐, 收藏, 编辑
摘要：一、插件的种类 插件分为3类： 1、封装对象方法的插件： 95%以上的插件都是通过这种方法来 2、封装全局函数的插件： 可以将独立的函数加到jquery命名空间下，如：$.trim() 3、选择器插件： 二、插件的基本要点 1、插件文件名的写法：jquery.插件名.js... 阅读全文
使用JQuery读取XML文件数据(转)
2012-03-12 11:57 by 臭小子1983, 369 阅读, 0 推荐, 收藏, 编辑
摘要：通过JQuery框架为空白HTML文档加载在开始之前我们需要做如下准备工作：1.创建一个名为DEMO.html空白html文件；（推荐使用Editplus 3创建）2.熟悉JQuery框架的基本语法；（不熟悉没关系，后面我会注释得很详细）3.创建一个名为data.xml的XML文件用来存储数据，XML的结构下面会涉及到，你也可以下载我打包好的文件查看；4.一个loading.gif图片，这个图片用于在将XML读取出来的等待时间里面显示在空白html文档中。从XML文件读取的数据。我们将会主要用到JQuery自带函数 $.get 。正式开始：Step 1:首先让我们看看这个data.xml的简单 阅读全文
Javascript获取各种浏览器可见窗口大小
2012-03-12 11:42 by 臭小子1983, 548 阅读, 0 推荐, 收藏, 编辑
摘要：如果jquery获取 var ws = $(".focusmenu")[0].offsetWidth; alert(ws); // 注意[0]，因为$(".focusmenu)返回是的一个数组注1、获取页面元素的宽度或高度时，如果元素没有显示在页面上如是display:none时，这时候获取不到元素的宽=0 alert($(id).offsetWidth);方法：1、获取浏览器窗口大小： window.outerWidth 和 window.outerHeight2、设置窗口或新窗口打开的位置： window.moveTo(x,y);3、将窗口上移、下移或左、右移 阅读全文
图片载入瀑布流效果
2012-03-11 21:42 by 臭小子1983, 549 阅读, 0 推荐, 收藏, 编辑
摘要：一、瀑布流布局 HTML+CSS 1、浮动布局或固定列布局 列数固定，将数据插入到每一列中 这种方式简单适用，先按照列数把布局固定好，然后在滚动事件中分别在每一列插入相应的数据既可 2、定位布局 通过将每个模块用浮动float:left;的布局方式二、瀑布流Js实现和原理我相信每天都做一点对学习是肯定有帮助的，不管它是简单还是难的，今天可能比较懒，没有去做很多的学习上的事情，就下午的时候静下心来学习巩固自己，现在很多人都在模仿着做网上很多大型网站的瀑布流的效果，我也就跟随潮流。。。现在的瀑布流有两个实现的派别，我称之为浮动流和定位流！不分哪个好坏，我纯粹是个人的爱好使我... 阅读全文
图片延迟加载
2012-03-11 21:31 by 臭小子1983, 176 阅读, 0 推荐, 收藏, 编辑
摘要：感冒了，这周的状态很差，昏昏沉沉的!两天休息在家好好休息了下，今天又点好点了，清醒了就捣鼓了一个我安排在我的便签上的一个功能，图片的延迟加载！衷心感谢Ferris的实例网站（http://fgm.cc/learn/）！虽然没有教程，但代码都是写的非常规整的，让人看的很明白，很适合我们这种初学者学习，起到很好的引导思路的作用！首先贴上代码：window.onload=window.onscroll=window.onresize=function(){ var box=document.getElementById("body"); var allimg=box.ge... 阅读全文
SwfObject.js，这个JS究竟有什么作用呢
2012-03-11 21:28 by 臭小子1983, 237 阅读, 0 推荐, 收藏, 编辑
摘要：最近看到了好几个Flash网站，head代码里都加载了一个swfobject.js，这个JS究 竟有什么作用呢？眼下正在做一个Web页面，说不定刚好可以派上用场。于是，好奇的搜索了一下。原来这是老外开发的，用于在HTML中方面插入Adobe Flash媒体资源（*.swf文件）的独立、敏捷的JavaScript模块，该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种 主流浏览器对Flash插件的支持情况。目前最新的版本是2.2，这里可以下载最新版的SWFObject:http://code.google.com/p/swfobject/发现用它的好处多多啊：1.IE中没有讨厌 阅读全文
JavaScript DOM操作 提高篇
2012-03-11 14:45 by 臭小子1983, 174 阅读, 0 推荐, 收藏, 编辑
摘要：做为一个web前端，处理和了解浏览器差异一个重要问题.下面将介绍本人在工作中的一些笔记总结，先介绍没有使用js库的情况。1.setAttribute方法设置元素类名 ： 在jQuery中，直接使用attr()方法即可，可在原生的JS中element.setAttribute('class','newClassName') //这个是W3C的标准，在兼容W3C标准的浏览器中有效，可是，IE才是国内用户的主旋律element.setAttribute('className','newClassName') //这样的设置在IE中才能有 阅读全文
DOM 文档对象模型
2012-03-11 14:45 by 臭小子1983, 273 阅读, 0 推荐, 收藏, 编辑
摘要：一、概念1、什么是DOM： 文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口，脚本开发人员可以通过文档对象的属性、方法和事件来掌控、操纵和创建动态的网页元素.2、什么是BOM： window对象对应着浏览器窗口本身，这个对象的属性和方法通常被统称为BOM（浏览器对象模型）3、节点： 元素节点：如div、p、li等 文本节点：节点内只包含文档如：澳际：世界名校新排名 属性节点：节点中带有属性如：哈哈哈4、进行必要的检查：if(document.getElementById){ // 浏览器是否支持些方法}5、JS对象分为三种类型 1... 阅读全文
js正则表达式
2012-03-10 16:55 by 臭小子1983, 319 阅读, 0 推荐, 收藏, 编辑
摘要：正则表达式在线测试：http://www.chinacxy.com/regex.htm一、正则的写法 1、var reg = /写到这里/; 2、var reg = newRegExp(//, i); // 参1：要匹配的正则， 参2，是写高级匹配 如：/\d/i; 得写成 va... 阅读全文