cangkukuaimanle——你满了么

背景大数据控制平台查询结果的表格的表头需要做过滤功能，我的想法是在每一列的表头上加个过滤小图标，当点击它时弹出个相对右对齐的小框，框里有个输入框，一个过滤按钮，一个清空按钮。类似下图：执行一般来说，就是将表头每一格都设置成position:relative;然后将弹框设置成position:absolute;right:0

大家都知道，想让一个div显示有阴影效果，一般是加背景图片，这里提供了两个方法，不用加背景图片的方法，甚至让该死的IE6上也有效果，而且还是圆角的哦方法一：下载ie-css3.htc的文件，文本打开后，就是js代码，如下，可以拷贝粘贴保存：--Do not remove this if you are using--Original Author: Remiz RahnasOrig

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

注重网页显示速度的常用这个手段。意思就是滚动条没滚到的就先不加载。整理了下网上资料，总结如下。原理：1.先不把img标签的src赋实际的图片路径2.将图片路径保存在img的name属性中3.js判断图片是否在可视窗口内，取出name的值，赋给src，此刻才加载图片。我这里使用的是jquery。js图片延时加载特效 $(function () {

复制下面代码，保存为.html格式 #square { width: 100px; height: 100px; background: red; } #rectangle { width: 200px; height: 100px; backgroun

drop.html内容如下： $(document).ready(function(){}); 其中jquery-1.7.2.min.js为jquery文件，引用自己滴drop.js文件内容如下(function () { var canvas = null, context = null,

translate.html内容如下： $(document).ready(function(){}); translate.js代码如下：(function(){ var canvas=null, context=null, angle=0; function resetCanvas(){ canvas=document.getE

富文本编辑很多地方需要用到，其中比较有名的是CKEditor，以前叫FCKEditor，虽然百度出的UEditor也比较火，但还是老牌子好用。首先，去官网http://www.ckeditor.com下载最新版3.6.5的。然后删除_samples和_source文件夹，在项目根目录下新建个文件夹，名字自己估摸着起，叫ckeditor吧，然后把剩余的全部拷贝进去。初步的配置就这样。下面是使

请看代码：显示的结果应该是个小点，但是在ie下就是显示一个竖长条，就是说height无效，这就是IE一bug解决办法，添加overflow:hidden;解决问题。

a:link { color: #3B5998; text-decoration: none;}.ui-base-button { background-image: url("a-bg.png"); background-position: right top; background-repeat: no-repeat; font-size: 12

有时候我们会自定义文本框的高度，这个时候文字可能就位于框内的上部，有个方法可以很简单的解决此问题。只要设置line-height属性，其值与文本框的高度相同即可。

网页中有时候需要获得图片的宽度和高度，来定义某些大小，可是这个是需要从服务端请求图片，下载到本地才能够得到的，有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢？jquery提供一个方法：$("").load(function(){...});其中选择器是图片的id或class，function里面的方法就是回调函数，在图片加载完成后执行，但是我试验了很多，压根儿不是那

.png{background:url('images/a.png') no-repeat!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pending-title-time.png',sizingMethod='crop');background:none;width:100px;h

jquery中封装了一些ajax请求的方法，很实用。比如.ajaxComplete()——请求完成时.ajaxError()——请求失败时.ajaxSend()——在Ajax请求发送时附加一个function去执行.ajaxStart()——请求开始时，.ajaxStop()——请求结束时.ajaxSuccess()——请求成功时.load()——从服务端加载数据并将返回的HTML替换到选择的

$(document).ready(function(){var last, diff;$('div').click(function(event) { if ( last ) { diff = event.timeStamp - last $('div').append('time since last event: ' + diff + ''); } else {

最近做的一个项目中有个功能是鼠标移动到某一块id为A，然后A的子元素id为B在下方紧贴着父元素A显示出来，B里面的内容是鼠标移动到A元素上才请求服务端获取数据。我使用了mouseover，mouseout事件，采用jquery的on方法。大致如下$(document).on("mouseover","#A",function(){ $(this).find("#B").css(

http://www.jeasyuicn.com/mask.html

它的效果呢如下面所示

.tab_list li{list-style:none;margin:5px;display:inline;cursor:pointer;}.tab_list .active{background-color:black;color:white;}(function($){var isShow=false;$.fn.tab=function

等宽输出的jquery小插件

网页中如下图，需要在页面底部中间固定一个块，当然用positon:fixed来控制，然后bottom:0px;能让其在底部，但是在中间怎么处理呢？最先想到的是用js或者jquery算屏幕的宽度A，然后减去红色框的宽度B，那么它的left值为(A-B)/2 px;其实有更简单的，只需要css来控制，代码如下 .test { border:1px

拷贝下面代码到网页中直接看效果：固定在顶部的菜单$(function(){ //获取要定位元素距离浏览器顶部的距离 var navH = $(".nav").offset().top; //滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $(this).scrollTop(); //滚动条

有些列表项需要在文字前加个小图标，如下图：实现方法有多种，这里使用元素。span标记是行元素，没有宽高，虽然可以通过display:block;来改变。但是就会造成换行。贴代码：选项1选项2选项3选项4这里使用了padding-left来实现这个小图标的出现，就是让文字靠右点

js获取浏览器高度和宽度值网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.b

css中定义样式时也是可以分类别的，比如说input元素中，只定义type=button的样式input[type='button']{width:100px; height:100px;border:1px solid red;}上述中只要按钮的样式定义成宽高100px，边框红色。这种css定义就是根据属性起个过滤的作用。比如说下述代码：.inpu

先把下面的代码拷贝到个html中，运行看效果var currentPosition,timer;function GoTop(){ timer=setInterval("runToTop()",1);}function runToTop(){ currentPosition=document.documentElement.scrollTop || document.body.

字符串替换函数仅仅会替换第一个匹配项，并不能替换你所期望的全部匹配项。如下代码："bob".replace("b", "x"); // "xob""bob".replace(/b/, "x"); // "xob" (使用了正则表达式)如果要替换所有的匹配项，我们可以使用正则表达式，并为他它添加全局修饰符，如下代码："bob".replace(/b/g, "x"); // "xo

以下面的html为例1 div id="myDiv" class="bd" title="我是div">2 img id="img1" />3 a id="myA" href = "http://www.baidu.com">百度a>4 div>1.通过HTMLElement类型（对象）的属性获得和设置元素特性 1 var div = docu

点击锚...到标记这是最简单的锚标记的方式，在网页中可能由于篇幅过大所以很长，那么想回到某个位置就可以用这种方式定位。还有种是用javascriptfunction move(){location.hash="#there";}GO...there利用location.hash="#there";定位，不过明显没有a来的方便，不知道这个hash还

代码：var a=4.2343;alert(a.toFixed(3));执行结果：toFixed方法将一个数字转换成一个拥有固定小数位数的字符串。

在javascript中通过var testArray=new Array();testArray[0]="a";testArray[1]="b";for(var i=0;i<testArray.length;i++)alert(testArray[i]);可以定义一个数组并赋值,将上面的代码执行会显示a、b。也可以这样赋值var testArray=new

先看代码：alert(parseInt("3.54 apples"));alert(parseFloat("3.54 apples"));运行结果：parseInt()和parseFloat()两个方法都是从左边的字符串开始查找，如果第一个字符是数字或者负号(在parseFloat()还可以是个小数点)。一旦它们遇到了这样的一个字符，它们就返回自己提取的数

在javascript中对文档中每个节点都有parentNode——父节点firstChild——第一个子节点lastChild——最后一个子节点previousSibling——紧挨着的前面的兄弟节点nextSibling——紧挨着的后面的兄弟节点五个相关的节点，这些节点可以不存在，为null。例如document就不包含父节点，文本节点（TextNode）就不包含子节点

一段简单的HTML代码如下：Hacking JavaScriptHello world!I am a JavaScript hacker!页面显示为：加入一段javascript后代码如下：Hacking JavaScriptHello world!I am a JavaScript hacker!var a=document

什么叫节点列表：var x=document.getElementsByTagName("p");中x这样的就叫做节点列表。它们是危险的动态结构，为啥？abcafefefdvar x=document.getElementsByTagName("p");alert(x.length);var par=document.createElement("P");d

在javascript中window的两个导航对象：location和history。其中location有属性hash、host、hostname、href、pathname、port、protocol、search，分别是什么意思的，下面的图很能说明问题：location有两个方法：reload()和replace()reload()是将服务端数据重新载入，repl

水果applebanalaorangepearfunction test(a){if(a.selectedIndex) alert("你选择了：\n"+a.options[a.selectedIndex].text);}上述代码会在你选择了某一个水果后显示你选择的结果。

对于html中的一些元素注册事件的方式有多种第一种：function test(){alert("OK");}测试第二种：测试function test(){alert("OK");}var x=document.getElementById("a");x.onclick=test;//注意没有()第三种(W3C模型)：测试function

在javascript中，所有的属性方法或者什么其他的都是window的属性。例如最常见的 alert("OK"); 弹出一个对话框，显示“OK”，其实它是window的一个方法，只是由于是全局的方法，所以省略了。如果 window.alert("OK"); 和上面的效果一样。另外，window有个onclick方法，很强悍，

在javascript中打开一个新的页面可以用window.pen();它有三个参数，第一个是告诉浏览器要载入哪个页面第二个是设置新窗口的值第三个是指定新窗口的特征的指令：它的宽度和高度，是否包含地址栏等one: window.open();会打开一个空白的新窗口two: window.open("http://www.