07 2011 档案
摘要：你是否思考过，为什么你在工作上能够和其它设计师很好地合作？也许你们志同道合，不过使你们不那么投机也同样可以很好地在一起。在Kaleidoscope（一家美国设计公司，原文作者现在工作的地方—http://www.kascope.com/），包括我在内一些设计师善于分析和理性思考，而另外一些则是思想奔放喜欢感性的思考。我们是如何相处共存的呢？理性地分析让我明白不同设计师之间如何互补，最终让我意识到一个成功的设计团队需要有4种关键的成员。（横坐标右侧 应翻译为 理性思考者）布道者（千万不要理解成喋喋不休的唐僧，而是类似于我们所谓的“精神领袖”类的人物，往往在更大和更高的层面上讲述和思考博爱啊家庭啊
阅读全文
摘要：当今科技发展的速度真惊人，稍不留神，就可能无法跟上它的步伐。新一代的HTML-HTML5的发展也不停的带给我们新的惊喜，我们将通过这篇文章向大家介绍一些HTML技巧。1. 新的文档类型（Doctype）[代码] 上面这个既麻烦又难记的XHTML文档类型你还在使用吗？ 如果还是这样的话，现在该切换到新的HTML5文档类型了。[代码]现在只要这么简单的15个字符就可以了。（注意：你的doctype的...
阅读全文
摘要：CSS Satyr（CSS 塞特斯）是一款CSS Sprites的小工具。可以将多个小图片整合成一张图片，并生成相应的CSS调用代码。CSS Sprites 样式生成工具也很不错，但是它只对一整幅图片进行操作的。而我们草根基本上很少有人自己去设计一套图标或UI，一般都是通过网站上收集的。于是本工具就诞生了。基于 .NET 2.0 开发的，电脑需要安装 .NET 2.0 框架。在使用过程中有任何问题或有和建议，请在此反馈。使用说明点击“文件” - “添加图片”，选择多幅图片文件；工作区内图片，可以拖动图片来调整位置；可以通过双击图片，来修改图片的相关信息；可以通过“设置” - “生成设置”来调整
阅读全文
摘要：<article> 标签定义外部的内容（外部内容如blog,news）。 使用后感觉和P差不多，语义化的标签。<aside> 标签定义article以外的内容（可用做文章的侧栏）. 语义化的标签。<audio>标签定义音乐。 支持三种格式,ogg,mp3,wav。 Safari仅支持MP3 and WAV 两种格式.<canvas>使用JavaScript在网页上绘制图形图像。 学好算法JS无所不能. （浏览器说：鸭梨很大）.<command> 定义按钮用的. 说实话,没用明白。<datalist> 定义选项列表. 又是一
阅读全文
摘要：近日，知名技术开发网站SYS-CON 媒体列出十个应用最广的Javascript框架，文章说，Javascript库已经成为设计优秀网站的基础，当今几乎所有站点都带有Javascript或Ajax元素。在Web2.0开发大潮中，它也许是最关键的要素。以下十个十大Javascript框架，你常用其中的几个？1. script.aculo.us (http://script.aculo.us/)URL:http://script.aculo.us/.文档:http://wiki.script.aculo.us/.注释: script.aculo.us不是自己独立的framework，而是Proto
阅读全文
摘要：Zen Coding 是一款高效用于开发HTML与CSS的编码插件，可以安装到很多软件中使用Zen Coding 项目：http://code.google.com/p/zen-coding/DemoDemo(使用 Ctrl + , 展开缩写，需要JavaScript支持)中文版演示下载(完全支持)Aptana(跨平台);Coda, viaTEA for Coda(Mac);Espresso, viaTEA for Espresso(Mac)下载(部分支持，只支持“展开缩写”)TextMate(只能用于Mac机,Windows可以使用E-text编辑器替代)TopStyleSublime Te
阅读全文
摘要：jQuery中的queue和dequeue是一组很有用的方法，他们对于一系列需要按次序运行的函数特别有用。特别animate动画，ajax，以及timeout等需要一定时间的函数queue和dequeue的过程主要是：1，用queue把函数加入队列（通常是函数数组）2，用dequeue将函数数组中的第一个函数取出，并执行(用shift()方法取出并执行）也就意味着当再次执行dequeue的时候，得到的是另一个函数了同时也意味着，如果不执行dequeue，那么队列中的下一个函数永远不会执行对于一个元素上执行animate方法加动画，jQuery内部也会将其加入名为 fx 的函数队列而对于多个元素
阅读全文
摘要：文件大小限制，就不传附件。直接附地址如下：JavaScript高级编程(非扫描版)：http://wenku.baidu.com/view/8ebcc65e312b3169a451a469.html新地址：http://www.doc88.com/p-78740738206.html本站下载地址：http://files.cnblogs.com/rmbteam/JavaScript%E9%AB%98%E7%BA%A7%E7%BC%96%E7%A8%8B.pdf《锋利的jQuery》(高清扫描版-有书签)：http://ishare.iask.sina.com.cn/f/13104340.htm
阅读全文
摘要：1 //使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。 2 $("#id").show()//表示display:block, 3 $("#id").hide()//表示display:none; 4 $("#id").toggle()//切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。 5 6 $("#id").css('display','none'); 7 $("#id").c
阅读全文
摘要：http://tutorialzine.com/2011/02/converting-jquery-code-plugin/
阅读全文
摘要：写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展：//判断:当前元素是否是被筛选元素的子元素jQuery.fn.isChildOf = function(b){return (this.parents(b).length > 0);};//判断:当前元素是否是被筛选元素的子元素或者本身jQuery.fn.isChildAndSelfOf = function(b){return (this.closest(b).length > 0);};使用起来也非常方便：$(document).click(function(event){alert($(e
阅读全文
摘要：Microsoft Script Debugger—— Companion.JS need to install thisCompanion.JS—— Javascript debugger for IE , like Console API featureIE Developer Toolbar—— Like Firebug (DOM/CSS etc)Fiddler—— Web Debugging ProxyHttpWatch—— HTTP viewer 第一个插件觉得还不错，经常使用。
阅读全文
摘要：至于有那些选择器，在帮助手册中都有，自己去看，这篇主要是分析他的工作原理，而优化我们写 的选择器，尤其在页面内容很多的情况下，更应该需要优化。下边就言归正传。每次申明一个jQuery对象的时候，返回的是jQuery.prototype.init 对象，很多人就会不明白，init明明是jQuery.fn的方法啊，实际上这里不是方法，而是init的构造函数，因为js的prototype对象可 以实现继承，加上js的对象只是引用不会是拷贝，new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的，只是有没有执行到init的不同，这里就不讲原因了，等下一篇
阅读全文
摘要：jQuery学习教程（一）：入门jQuery学习教程（二）：选择器1jQuery学习教程（三）：选择器2jQuery学习教程（四）：使用jQuery操作DOMjQuery学习教程（五）：选择器综合实例jQuery学习教程（六）：属性操作与CSS操作jQuery学习教程（七）：val()与节点操作jQuery学习教程（八）：事件jQuery学习教程（九）：动画jQuery学习教程（十）：AJAX
阅读全文
摘要：先复习一下经典的ajax方式ajax.php现在时间是<php? echo date('Y-m-d H:i:s');?>ajax.html<script type="text/javascript"> function Ajax(){ var xmlHttp=null; if(window.ActiveXObject){ try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ xmlHttp=new ActiveXObject("
阅读全文
摘要：js就是这样一门语言，你可以说它很简单，会一点C就能编写代码；你也可以说它很难，丰富强大灵活；不屑者说它只能做些跑马灯、鼠标环绕的“雕虫小技”；高手用它来制作“星际争霸”游戏。jQuery中另一个颇具特色的便是它简单易用实用的动画效果。之前曾自己写窗体循环滚动写了两天还是无法兼容ff。–!!!show([arg])//将元素display属性置为除none之外的值，具体记忆功能； hide([arg])//将元素display属性置为none以上两个函数均可带参数，一类是关键字参数：slow,normal,fast;一类是数值参数。如show(1000)表示在1秒钟之内将元素由隐藏置为显示，s
阅读全文
摘要：绑定事件jQuery绑定事件方法：bind(type[,data],fn)//type: 事件类型；data:作为event.data传递给对象的参数；fn:绑定的处理函数示例，在《锋利的jQuery》一书中讲到了这个例子：$(function(){ $("#panel h5.head").bind("click",function(){ if($(this).next("div.content").is(":visiable")){ $(this).next("div.content").hi
阅读全文
摘要：val()用来设置和获取元素的值，包括元素、文本框、下拉列表还有单选框。使用val()返回元素的value值，使用val(value) 设置元素值。例：<script type="text/javascript"> //<![CDATA[ $(function(){ $("#key").val("请输入关键字进行搜索"); $("#key").attr("color","#ccc"); $("#key").mouseover(functi
阅读全文
摘要：一、属性操作1、获取属性和设置属性$(selector).attr(attribute);$(selector).attr(attribute,value)例，<a href="http://www.51obj.cn/" title="_blank"></a>使用$("a").attr("href")来获取其 href属性。这种方式十分的“优雅”，即使用不带参数(或一个参数)的函数表示获取，带多个参数的函数来设置相关值。2、删除属性$(selector).removeAttr(attribu
阅读全文
摘要：以下实例综合讲解了几个选择器的使用，同时演示了使用jQuery实现隔行换色、荧光棒特效、复选框checkbox全选反选效果<script type="text/javascript"> $(function(){ $("table tr:even").addClass("tdOdd"); $("th:first").css("background","#B4C6C1");//首个 $("table tr").mouseover(function
阅读全文
摘要：使用jQuery操作DOMDOM(Document Object Model)文档对象模型，是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松地访问页面中所有的标准组件。DOM操作分为三个方面：DOM Core(核心)、HTML-DOM和CSS-DOM1) DOM Core:常使用getElementByID(),getElementsByTagName(),getAttribute()和setAttribute()2) HTML-DOM:如document.forms,element.src3) CSS-DOM:如element.style.color="#f00"
阅读全文
摘要：jQuery过滤选择器：1、基本过滤选择器此项选择器搭配基本选择器可以讲占到实际选择器应用的90%以上（可由document.getElementById及节点nodeChilds得知）:first//（选取第一个元素）:last//（选取最后一个元素）:even//（选取索引是偶数的所有元素）:odd//（选取索引是奇数的所有元素）:eq(index)//（选取索引等于index的元素）:gt(index)//（选取索引大于index的元素）:lt(index)//（选取索引小于index的元素）:header//（选取所有的h1,h2,h3等标题元素）:animated//（选取当前正在执
阅读全文
摘要：选择器（一）1、基本选择器从最开始看到jQuery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么jQuery借鉴CSS也就没有多少疑问了。其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。其中选择器类别可分为以下类别：标签选择器：p{CSS rules}id选择器：#ID{CSS rules}类选择器：.Class{CSS rules}群组选择器：h1,h2,h3,h4,h5,h6{CSS rules}后代选择器：div
阅读全文
摘要：题外话：从今天起正式学习jQuery（实际严格讲已经用了几个月的jQuery的一丁点东西），边学边做边记教程；阅读书籍《锋利的jQuery》+jQuery API Doc。基础知识：想要结构与行为分离当然不能使用<button onclick="…"></button>之类的东西了，js是写在<head>之间的，那就说起了window.onload——这不是一个好东西，所以就有了jQuery颇具创意的$(document).ready(funciton(){ …});当然还会更精简：$(function(){ … }); 所以我的第一个j
阅读全文
摘要：第一章：加载和执行浏览器的JavaScript的引擎是编译器层的优化；当浏览器执行JavaScript代码时，不能同时做其他任何事情（单一进程），意味着<script>标签每次出现都霸道地让页面等带脚本的解析和执行(每个文件必须等到前一个文件下载并执行完成才会开始下载)，所以头部的JS和CSS用来渲染页面，交互行为（几乎所有）的JS放在<body>底部；主流浏览器都允许并行下载JS。减少外链脚本数量将会改善性能（合并JS）任何网站都可以使用一个把制定文件合并处理后的URL来获取任意数量的文件。defer属性可延迟脚本（只有IE4 和FF3.5 支持）第二章：数据访问Ja
阅读全文