摘要：
ArialArial BlackComic Sans MSCourier NewGeorigiaImpactTime News RomanTrebuchet MSVerdanaTahomaHelvetica 阅读全文
摘要：
之前也写过几个banner的图片滚动插件，但总体感觉总是差了那么一点点，今天有空，就发布一个目前自己还算满意的banner图片滚动插件文件：[点击下载]html: 1 <div id="banner1"> 2 <div class="banner"> 3 <div class="pic"> 4 <ul> 5 <li class="now"> 6 <a href="" class="pic_a"><i 阅读全文
摘要：
demo下载地址:[点击下载] 阅读全文
摘要：
升级了之前的popUp插件，修复了之前版本的多个性能和兼容问题，本版本兼容IE6-9,firefox,chrome ……[点击下载]js代码： 1 /* 2 author : zhupinglei_zjnb@163.com 3 desc : popUp.js 4 data : 2012/7/19 5 dependon : jquery-1.7.js 6 verson : 3.0 7 */ 8 (function($){ 9 function _popUp(here,options,index){ 10 var _this = this; 11 ... 阅读全文
摘要：
在实际前端开发中，由于select的不稳定性，以及在低版本的IE中的样式不可定性，带来了很大的不方便，因此，开发了这个用列表模拟select的js插件。[点击下载Demo]插件js代码： 1 /* 2 author : zhupinglei_zjnb@163.com 3 desc : SelectSimu 4 data : 2012/07/19 5 dependon : jquery-1.7.js 6 */ 7 (function($){ 8 function _SelectSimu(here,options,index){ 9 var _this = this;10 ... 阅读全文
摘要：
程序： 1 function a(){ 2 var a1 = 1, 3 a2 = 2; 4 } 5 var b = new a(); 6 console.log(b.constructor); 7 console.log(b.prototype); 8 console.log(b); 9 b.prototype = {10 a1 : '3',11 a2 : '4'12 }13 console.log(b.constructor);14 console.log(b.prototype);15 console.log(b);运行结果：1 a()2 undef... 阅读全文
摘要：
無聊寫的小功能：Html: 1 <div class="banner_pic"> 2 <div class="pic"> 3 <ul> 4 <li class="now"><a href=""><img src="img/01.jpg" alt="" /></a></li> 5 <li><a href=""><img src=&qu 阅读全文
摘要：
background-color:blue; 所有浏览器，给firefox；background-color:red\9; \9所有的ie浏览器background-color:yellow\0; IE8,operoa*background-color:black; * ie6,ie7+background-color:pink; + ie7_background-color:orange; _ 神奇的ie6；:root #test { background-color:purple\9; } :root ie9@m... 阅读全文
摘要：
一、定义 css中有一个float属性，他的属性值： none : 默认属性，未定义float时，即为none，也就是标准流通常的情况 left : 左浮动，元素会向其父级的左侧靠紧，同时，元素本身的宽度不再伸展，而根据元素内部的内容的宽度来确定 right : 右浮动，元素会身其父级的右侧靠紧，同时，跟左浮动一样，元素本身的宽度不再伸展，而根据元素内部的内容的宽度来确定二、通过实例看原理 首先，我先了写这样一段代码，用来作为实验用： css:1 .wrap{border:1px solid #f00; padding:5px;}2 .box-1{border:2px ... 阅读全文
摘要：
一、在给元素设置背景时 IE作用域：content + padding Firefox作用域：content + padding + border二、border border-color : red green; 上下为红色，左右为绿色 border-width : 1px 2px 3px; 上边宽为1px，左右边宽为2px，下边宽为3px border-style : dotted dashed solid double; 上右下左的边线分别为：点线、虚线、实线、双线三、margin 1、若有两个上下排列的块级元素，分别为第一个块级元素设置 margin-bottom ，... 阅读全文
摘要：
实现三列布居结构代码: 1 <!DOCTYPE HTML> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 body{padding:0; margin:0; } 8 .header{ background:#666; height:50px; line-height:50px; } 9 .wrap{ padding:0 300px 0 200px; ov 阅读全文
摘要：
此文摘自：http://blog.sina.com.cn/hututuzhu前端之路 （博客）1、IE6/7不识别inline-block，只是触发了layout，表现跟真实一样。2、IE6/7不完全支持inline-block，只对内联元素有效。IE下块元素如何实现display:inline-block的效果？有两种方法：1、先使用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象（两个display要先后放在两个CSS声明中才有效果，这是IE的一个经典bug，如果先定义了display:inline-block，然后再将 阅读全文
摘要：
getBoundingClientRect()；该方法获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置，他返回的是一个对象，即 Object，该对象有四个属性：top，left，right，bottom；//document.getElementById('id').getBoundingClientRect().left; 阅读全文
摘要：
1 $.browser.msie && ($.browser.version == 6.0) 阅读全文
摘要：
Code: 1 (function($){ 2 3 function NAME(elm,options,index){ 4 var _this = this; 5 this.$e = $(elm); 6 this.opts = options; 7 this.init(); 8 } 9 10 NAME.prototype = {11 init : function(){},12 event : function(){}13 }14 15 $.fn.Name = function(options){16 var opts = $.exte... 阅读全文