axl234
- 浏览: 273629 次
- 性别:
- 来自: 北京
-
最新评论
-
haixin3036：
jQuery是一套跨浏览器的JavaScript库，简化HTM ...
jquery sizzle 选择器浅析 -
panshunchang：
非常感谢分享，正找这东西呢。
基于jQuery的QQ表情插件 -
yuur369：
不错。。。
移动端webapp开发必备知识
文章列表
jquery平滑动画的实现方法
- 博客分类：
- jquery
jquery平滑动画的实现方法
animate({top : offsetTop },{ duration:300 , queue:false });
$(document).ready(function(){ $(window).scroll(function (){ var offsetTop = 30+ $(window).scrollTop() +"px"; $("#CompareBasket").animate({top : offsetTop },{ duration:300 , qu ...
js性能测试方法
- 博客分类：
- javascript
var start=(new date()).getTime();
要执行的js部分
var end=(new date()).getTime();
alert(start-end)
变量定义的顺序不能改变
jQuery中eq和get的区别
- 博客分类：
- jquery
eq返回的是一个jquery对象，get返回的是一个html 对象数组。举个例子：
<p style="color:yellow">绯雨</p>
使用eq来获得第一个p标签的color值：
$("p").eq(0).css("color") //因为eq(num)返回的是个jq对象，所以可以用jq的方法css
使用get来获得第一个p标签的color值：
$("p").get(0).style.color //因为get(num)返回的是个html对象，所以要使用传统的HTML对 ...
浏览器的加载与页面性能优化
- 博客分类：
- javascript
本文将探讨浏览器渲染的loading过程，主要有2个目的：
了解浏览器在loading过程中的实现细节，具体都做了什么
研究如何根据浏览器的实现原理进行优化，提升页面响应速度
由于loading和parsing是相互交织、错综复杂的，这里面有大量的知识点，为了避免过于发散本文将不会对每个细节都深入研究，而是将重点放在开发中容易控制的部分（Web前端和Web Server），同时由于浏览器种类繁多且不同版本间差距很大，本文将侧重一些较新的浏览器特性
现有知识
提升页面性能方面已经有很多前人的优秀经验了，如Best Practices for Speeding Up You ...
IE6，IE7，IE8支持CSS3效果
- 博客分类：
- css
让IE6，IE7，IE8支持CSS3效果，有一个思路就是利用 VML 模拟。
VML是The Vector Markup Language(矢量可标记语言)，原本是微软自己开发的东西，很强大。
也就是说，IE下面，可以用 VML做出圆角 。半透明、阴影 、渐变背景。
早在去年的时候，就有老外这个思路写成了插件，方便前端程序员开发。。。
它可以让IE6，IE7，IE8 支持 CSS3特效……
之前的 bug 一直有一个严重 bug，今天上去看的时候，官方修正了这个Bug ，并且增加了js 渲染方法（之前是用behavior导入）。看看如何调用：
1、在你的网页加载 PIE.js 脚本。 ...
====================IE6最小高度.min_height{ min-height:200px; _height:expression(this.scrollHeight < 200 ? "200px" : "auto");}--------------------------------IE6最大高度.max_height{ max-height:400px; _height:expression(this.scrollHeight > 400 ? "400px" : "auto&quo ...
比onload更快获取图片尺寸
文章更新：2011-05-31lightbox类效果为了让图片居中显示而使用预加载，需要等待完全加载完毕才能显示，体验不佳（如filick相册的全屏效果）。javascript无法获取img文件头数据，真的是这样吗？本文通过一个巧妙的方法让javascript获取它。
这是大部分人使用预加载获取图片大小的例子：
01
var imgLoad = function (url, callback) {
02
var img = new Image();
03
04
im ...
select {
background-color:red\0; /* ie 8/9*/
background-color:blue\9\0; /* ie 9*/
*background-color:#dddd00; /* ie 7*/
_background-color:#CDCDCD; /* ie 6*/
}
#element {
color:orange;
}
#element {
*color: white; /* IE6+7, doesn't work in IE8/9 as IE7 */
}
#element {
_co ...
有人提出可以用dom的功能。先作为innerTEXT传给一个dom对象，再取innerHTML属性，就可以取到转义后的文本了。
方法不错，不过写法上，有没有取巧的办法呢？
JQuery办法：假设有文本 context，可以对一个jQuery对象 $(x)进行 $(x).text(context).html()，就会返回一个转义后的文本。 很多时候完全可以用text()函数对jQuery对象赋值就好了……
附件中提供另一种实现方式 基本类似 主要的实现方法如下：
var ShowAD=function(i){ showImg.eq(i).animate({opacity:1},settings.speed).css({"z-index": "1"}).siblings().animate({opacity: 0},settings.speed).css({"z-index":"0"}); $("#flow").animate({top:i*76+"px"}) } ...
在web开发在获取图片宽高是很正常的事情，图片在加载完成前是获取不到图片的宽高的，在加载完成后才可以获取图片本身的宽高，例如：
1
var img = new Image();
2
img.src = "loading.gif";
3
img.onload = function ...
用js判断一个元素是否为另一个元素的子元素，做一些效果的时候经常用到，特别是和鼠标事件相关的应用中，比如一个浮层，在鼠标操作浮层内元素的时候浮层显示，当点击浮层外的元素的时候隐藏浮层。当然方法有很多，不过个人认为通过判断一个元素是否为另一个元素的子元素是最简单的实现方式之一。
jQuery方式
写了比较简单的jQuery判
断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展：
//判断:当前元素是否是被筛选元素的子元素jQuery.fn.isChildOf = function(b){return (this.parents(b).length > 0);};//判断: ...
slice(start,[end])
从当前匹配元素集合中取出部分元素形成新的元素集合。部分元素从索引‘start’到索引‘end’。‘end’参数可以为空，部分元素将从‘start’取到最后一个元素
大于等于start小于end
start
开始选取子集的位置。第一个元素是0.如果是负数，则可以从集合的尾部开始选起。
end (可选)Integer
结束选取自己的位置，如果不指定，则就是本身的结尾。
在《Learning jQuery》-Better Interaction Design and Web Development with Simp ...
$("html,body").animate({scrollTop: $("#box").offset().top}, 1000
if(typeof document.selection !== "undefined"){//IE $("#commentTextarea").focus(); document.selection.createRange().text = "insertText"; }else{ $("#commentTextarea").val($("#commentTextarea").val() + "insertText").focus(); ...