cnmao99-CSDN博客

转载 jQuery1.7.1 API整理和总结

本文基于jQuery1.7.1版本，是对官方API的整理和总结，完整的官方API见http://api.jquery.com/browser/ 0、总述 jQuery框架提供了很多方法，但大致上可以分为3大类：获取jQuery对象的方法、在jQuery对象间跳转的方法，以及获取jQuery对象后调用的方法其中第一步是怎样获取jQuery对象。大致来说，是通过最核心的$()

2013-03-12 11:22:09 537

转载 jquery选择器和基本操作

一、选择器 1.基本选择器 $("#id")选择指定id的元素, $(".class")选择所有该class的元素, $("input")选择所有该名称的元素, $("*")选择所有的元素, 2.层次选择器 $("ancestor descendant")选择元素里面的后代元素, $("parent child")元素

2013-02-28 10:30:31 281

转载 Discuz和jQuery选择符$冲突的解决办法

$(id)函数冲突Discuz使用了S()作为对象选取函数，刚好与jQuery默认的$()函数重合造成冲突，代码依旧位于include/common.js中，如下：function $(id) { return document.getElementById(id);}解决方法1：将jquery.js在common.js之前载入，不然jquery的$()函数会覆

2013-02-20 11:46:57 334

转载 iframe自适应高度的多种方法方法小结

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大家一种iframe动态调整高度的方法，主要是以下JS函数：第一种方法：代码简单，兼容性还可以，大家可以先测试下。复制代码代码如下:

2013-01-29 12:34:29 345

转载使用Minify来优化网站性能

Minify 是用PHP5开发的应用，通过遵循一些Yahoo的优化规则来提高网站的性能。它会合并多个CSS或者JavaScript文件，移除一些不必要的空格和注释，进行gzip压缩，并且会设置浏览器的缓存头。Minify 在设计上和Yahoo的 Combo Handler Service非常像，不过Minify可以合并任何你想要合并的JavaScript和CSS文件。一般情况下，网站速度的瓶颈

2013-01-26 12:15:47 366

转载 26 个 jQuery常用代码合集

The use of the jQuery library is growing and growing(just released jQuery 1.4), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks

2013-01-26 12:13:08 342

转载 WEB站点性能优化实践（加载速度提升2s）

进行优化前，关键是剖析当前的web性能，找到性能瓶颈，从而确定最需改进的地方；如果精力有限，首先将精力放在能明显提升性能的改进点上；《高性能网站建设指南》提出了一个性能黄金法则：只有10%-20%的最终用户响应时间花在了下载HTML文档上；其余的80%-90%的时间花在了下载页面中的所有组件上。由于本文将实施一个完整的优化流程，所以，我们还是从后台开始；案

2013-01-26 12:05:10 320

转载快速上手制作Icon Font

现在在提起Icon Font，已经不是什么新鲜的词汇了，网上已经有很多介绍它的文章，并且很多网站也已经将它用到，本篇主要是将制作Icon Font的整个流程整理一下，并且加入了自己在制作中遇到的问题，使得大家可以在今后使用的时候可以很快上手并且避免这些问题。一、首先要说的是，什么是Icon Font。我认为，我们现在通常所指的Icon Font，是用字体文件取代图片文件，来展示图标

2013-01-26 00:53:26 428

转载用谷歌浏览器来当手机模拟器

很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。　　谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：　　谷歌Android：chrome.exe --user-agent="Moz

2013-01-16 13:52:00 356

转载 CSS 中文字体的英文名称 (simhei, simsun) 宋体微软雅黑

Mac OS的一些：华文细黑：STHeiti Light [STXihei]华文黑体：STHeiti华文楷体：STKaiti华文宋体：STSong华文仿宋：STFangsong俪黑 Pro：LiHei Pro Medium俪宋 Pro：LiSong Pro Light标楷体：BiauKai苹果俪中黑：Apple LiGothic Medium苹果俪细宋

2013-01-10 12:35:42 866

转载 [工作心得]视觉设计师进阶心法

积极心态Robin（李彦宏）说得好——人要做喜欢且擅长的事，首先，你要足够确定你真的喜欢设计。热衷于发现美、感受美、创造美，最终能解释美。积极的行动和思考是进步的源动力。据我所知，业内优秀的视觉设计师都会用业余时间来做很多和视觉设计相关的事，摄影、涂鸦、手工创作、制作影片...兴趣和工作是可以结合的。明确目标视觉设计师的任务是什么？

2013-01-10 12:33:46 535

转载 jquery节点操作

1、查找所有符合条件的元素find() 举例： $('ul').find('li').addClass('tmpExample'); 查找页面中ul 元素下的所有 li 元素，并为查找到的 li 元素增加 tmpExample 样式。2、查找指定元素的兄弟节点siblings() 举例：$('li#tmpCarrot').slblings().addClass('tmpEx

2013-01-09 10:06:01 398

转载 jQuery必知必熟基础知识

Query 1.特点: 小巧功能强跨浏览器插件 2.使用实际是js文件 a) 复制js到WebRoot b) 页面 3.核心对象及常用方法和属性 a)名称 jQuery和$ 用$找出来的对象叫jQuery对象用doc

2013-01-09 10:00:45 292

转载各种浏览器的Hack写法(chrome firefox ie等)

Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条件样式文件中，符合条件的浏览器就解析，不符合的将不解析，从面达到您所需要的页面渲

2013-01-08 14:28:38 326

转载 CSS3常用功能的写法

随着浏览器的升级，CSS3已经可以投入实际应用了。但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证，原文的错误之处也已得到改正。一、圆角（Rounded Corner）.box

2013-01-06 09:36:19 375

转载 jquery简单小应用整理收集

字符截取显示var text = $(“.content”).text();var textNum = text.length;var textInt = text.slice(0,140);$(“.content”).each(function () {if (textNum >= 160) {$(this).html(textInt + “…”

2012-12-28 14:36:07 505

转载一个修复IE6 PNG不透明问题不错的解决方案

http://www.feeldesignstudio.com/2011/12/02/ie6pngfix.html IE6是不支持透明的PNG的，虽然每个web开发人员都恨死了IE6，但是在我们伟大的祖国，IE6的用户还占着极大的数量优势，所以我们不能随意的抛弃他们。有个很稳妥的解决方案，在IE6下使用png-8或者gif替换，但是你懂png-8或者gif的透明有多丑的。其他的解

2012-12-26 09:41:10 394

转载各种css hack以及bug解决方法

一、!important (功能有限) 随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.) 例如:#example { width: 100px !important; /* IE7+FF */ width: 200px; /* IE6 */ }二、CSS HACK的方法(新手

2012-12-26 09:37:31 461

转载 CSS3 动画效果总结

CSS3动画的属性主要分为三类：transform、transition以及animation。 transform rotate 设置元素顺时针旋转的角度，用法是： transform: rotate(x); 参数x必须是以deg结尾的角度数或0，可为负数表示反向。 scale 设置元素放大或缩小的倍数，用法包括： transf

2012-12-25 11:00:53 410

转载学习jQuery必须知道常用的几种方法

jQuery事件处理 ready(fn) $(document).ready(function(){ // Your code here... })；作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。 bind(type,[data],

2012-12-17 17:04:19 248

转载 HTML中超链接调用JS的方法总结

我们常用的在a标签中有点击事件： 1. a href="javascript:js_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行ja

2012-12-17 10:29:41 3231 1

转载 jquery设置页面自适应浏览器

做页面，经常遇到，在调整浏览器大小的时候，想要实现内容自适应浏览器宽度或者高度，可以使用js处理： jQuery(window).resize(function(){ jQuery('#contextDiv').width(jQuery(document).width()); }); jQuery(window).resize(); 整理获得浏

2012-12-17 09:31:42 1357

转载 jquery xpath选择符

1. $('a[@title]') 选择所有带title属性的链接。 2. $('div[ol]') 取得包含ol元素的所以div元素 3. 正则表达式 css： a { color: #00f; a.mailto { color: #f00; a.pdflink { c

2012-12-13 10:34:46 405

转载滚动视差网站工具与教程

滚动视差绝对是今年最炫的设计风格，也是最近的设计趋势，之前我们分享了《60多个超炫的视差滚动效果网站设计欣赏》相信让很多人都耳目一新，现在整理几个比较不错的开源滚动视差项目，它们大都托管在github上，大家可以用在自己的项目中，当然，从中获取灵感自己开发会更好～～Scrolloramacurtain.jsjQuery-Parallaxstellar.jsjpa

2012-12-12 11:41:27 421

转载 2013春季流行色

看罢了五花八门的交互方式，不妨来道视觉甜点。来看看2013年春季的流行色吧，同时分享一下这些色彩在页面设计中的不同组合方式和应用案例。让这些明艳的色彩为你带来一丝暖意和一些灵感。无可否认，这个春天绿色将会流行起来。与我们自然环境中的那些色调，这一季的绿色们既适合作为漂亮的搭配主色，也可以是其它色调的辅色。如同对于春天的第一印象，嫩绿，一种充满生气的黄绿色，活泼而令人愉悦；而青玉色，则是一

2012-12-11 11:34:17 387

前端学习随手记