- 博客(25)
- 收藏
- 关注
转载 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 596
转载 jquery选择器和基本操作
一、选择器 1.基本选择器 $("#id")选择指定id的元素, $(".class")选择所有该class的元素, $("input")选择所有该名称的元素, $("*")选择所有的元素, 2.层次选择器 $("ancestor descendant")选择元素里面的后代元素, $("parent child")元素
2013-02-28 10:30:31 298
转载 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 349
转载 iframe自适应高度的多种方法方法小结
不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: 第一种方法:代码简单,兼容性还可以,大家可以先测试下。复制代码代码如下:
2013-01-29 12:34:29 359
转载 使用Minify来优化网站性能
Minify 是用PHP5开发的应用,通过遵循一些Yahoo的优化规则来提高网站的性能。它会合并多个CSS或者JavaScript文件,移除一些不必要的空格和注释,进行gzip压缩,并且会设置浏览器的缓存头。Minify 在设计上和Yahoo的 Combo Handler Service非常像,不过Minify可以合并任何你想要合并的JavaScript和CSS文件。一般情况下,网站速度的瓶颈
2013-01-26 12:15:47 385
转载 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 351
转载 WEB站点性能优化实践(加载速度提升2s)
进行优化前,关键是剖析当前的web性能,找到性能瓶颈,从而确定最需改进的地方;如果精力有限,首先将精力放在能明显提升性能的改进点上;《高性能网站建设指南》提出了一个性能黄金法则:只有10%-20%的最终用户响应时间花在了下载HTML文档上;其余的80%-90%的时间花在了下载页面中的所有组件上。由于本文将实施一个完整的优化流程,所以,我们还是从后台开始; 案
2013-01-26 12:05:10 339
转载 快速上手制作Icon Font
现在在提起Icon Font,已经不是什么新鲜的词汇了,网上已经有很多介绍它的文章,并且很多网站也已经将它用到,本篇主要是将制作Icon Font的整个流程整理一下,并且加入了自己在制作中遇到的问题,使得大家可以在今后使用的时候可以很快上手并且避免这些问题。一、首先要说的是,什么是Icon Font。我认为,我们现在通常所指的Icon Font,是用字体文件取代图片文件,来展示图标
2013-01-26 00:53:26 484
转载 用谷歌浏览器来当手机模拟器
很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。 谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页: 谷歌Android:chrome.exe --user-agent="Moz
2013-01-16 13:52:00 373
转载 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 918
转载 [工作心得]视觉设计师进阶心法
积极心态Robin(李彦宏)说得好——人要做喜欢且擅长的事,首先,你要足够确定你真的喜欢设计。热衷于发现美、感受美、创造美,最终能解释美。积极的行动和思考是进步的源动力。据我所知,业内优秀的视觉设计师都会用业余时间来做很多和视觉设计相关的事,摄影、涂鸦、手工创作、制作影片...兴趣和工作是可以结合的。 明确目标视觉设计师的任务是什么?
2013-01-10 12:33:46 552
转载 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 419
转载 jQuery必知必熟基础知识
Query 1.特点: 小巧 功能强 跨浏览器 插件 2.使用 实际是js文件 a) 复制js到WebRoot b) 页面 3.核心对象及常用方法和属性 a)名称 jQuery和$ 用$找出来的对象叫jQuery对象 用doc
2013-01-09 10:00:45 312
转载 各种浏览器的Hack写法(chrome firefox ie等)
Hack是针对不同的浏览器去写不同的CSS样式,从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中,让其符合条件的浏览器解析这些代码,就如前面所说的条件样式,我们将CSS Hack代码放入条件样式文件中,符合条件的浏览器就解析,不符合的将不解析,从面达到您所需要的页面渲
2013-01-08 14:28:38 373
转载 CSS3常用功能的写法
随着浏览器的升级,CSS3已经可以投入实际应用了。但是,不同的浏览器有不同的CSS3实现,兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站,该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证,原文的错误之处也已得到改正。一、圆角(Rounded Corner).box
2013-01-06 09:36:19 387
转载 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 520
转载 一个修复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 411
转载 各种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 510
转载 CSS3 动画效果总结
CSS3动画的属性主要分为三类:transform、transition以及animation。 transform rotate 设置元素顺时针旋转的角度,用法是: transform: rotate(x); 参数x必须是以deg结尾的角度数或0,可为负数表示反向。 scale 设置元素放大或缩小的倍数,用法包括: transf
2012-12-25 11:00:53 424
转载 学习jQuery必须知道常用的几种方法
jQuery事件处理 ready(fn) $(document).ready(function(){ // Your code here... });作用:它可以极大地提高web应用程序的响应速度。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。 bind(type,[data],
2012-12-17 17:04:19 262
转载 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 3304 1
转载 jquery设置页面自适应浏览器
做页面,经常遇到,在调整浏览器大小的时候,想要实现内容自适应浏览器宽度或者高度,可以使用js处理: jQuery(window).resize(function(){ jQuery('#contextDiv').width(jQuery(document).width()); }); jQuery(window).resize(); 整理获得浏
2012-12-17 09:31:42 1399
转载 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 422
转载 滚动视差网站工具与教程
滚动视差绝对是今年最炫的设计风格,也是最近的设计趋势,之前我们分享了《60多个超炫的视差滚动效果网站设计欣赏》相信让很多人都耳目一新,现在整理几个比较不错的开源滚动视差项目,它们大都托管在github上,大家可以用在自己的项目中,当然,从中获取灵感自己开发会更好~~Scrolloramacurtain.jsjQuery-Parallaxstellar.jsjpa
2012-12-12 11:41:27 431
转载 2013春季流行色
看罢了五花八门的交互方式,不妨来道视觉甜点。来看看2013年春季的流行色吧,同时分享一下这些色彩在页面设计中的不同组合方式和应用案例。让这些明艳的色彩为你带来一丝暖意和一些灵感。无可否认,这个春天绿色将会流行起来。与我们自然环境中的那些色调,这一季的绿色们既适合作为漂亮的搭配主色,也可以是其它色调的辅色。如同对于春天的第一印象,嫩绿,一种充满生气的黄绿色,活泼而令人愉悦;而青玉色,则是一
2012-12-11 11:34:17 397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人