第一种方法：指定不打印区域 使用CSS，定义一个.noprint的class，将不打印的内容放入这个class内。 细如下： <style media=print type="text/css"> .noprint{visibility:hidden} </style>要打印的内容。哈哈！<p class="noprint">将不打印的代码放在这里。</p> <a href="javascript:window.print()" rel="external nofollow" target="_self">打印</a>第二种方法：指定打印区域 把要打印的内容放入一个 span或div，然后通过一个函...
代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>点击切换和自动切换选项卡</title> <style type="text/css"> *{list-style:none;margin:0;padding:0;overflow:hidden} .tab1{width:401px;border-top:#A8C29F solid 1px;border-bottom:#A8C29F solid 1px;margin:50px 200px;} .menu{width:400px;backgr...
在做用户查找时 因为要把查找的结果动态加载和显示，所以，那些html元素要由Ajax动态生成。用户打开查找界面时，有系统推荐的用户，而当用户按条件查找后，查找的结果动态加载和显示。所以考虑到用js来搞。 这个for循环就是移除已有的表单。然后根据Ajax请求过来的数据，动态生成新的表单对象。一定要注意j变量从大往小循环，否则，删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化（这个问题摸索了好...
同遮盖层划入一样，单纯的遮盖层划出的话算的上是非常简单了，但是在这里它却就不这么简单了，而且我前面还选了个比较麻烦的生成div，而不是显示存在的div，这里有那么几点需要特别注意： 1、遮盖层出现后，鼠标哪怕不动，也已经是在遮盖层上，已经不再给出的div区域了，所以注意监听的位置； 2、onmouseout和onmouseover都是瞬时触发的，这点很重要； 3、在实际应用中，已存在的div的显示比临时创建肯定要有效的多； 这样我还是上...
首先看下JS的事件模型，JS事件模型为向上冒泡，如onclick事件在某一DOM元素被触发后，事件将跟随节点向上传播，直到有click事件绑定在某一父节点上，如果没有将直至文档的根。 阻止冒泡：1、stopPropagation()对于非IE浏览器。2、cancelBubble属性为true，对于IE浏览器， 而Jquery已经有兼容浏览器的方法，event.stopImmediatePropagation();<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascrip...
最近在学着用easyui，发现框架用起来果然是方便简洁，能弄出这框架的都是大神级别了吧，牛啊.... 今天碰到这个应用可以说是让我非常之无语，整出源码来一看就明白了，可之前却还是感觉非常神奇，我也常常告诉自己，要多动脑筋，实际上有一些也的确有想过，但实在是效果很牵强，而当源码拿出来看的时候却又格外的明白，如果这时候我可以看到自己的表情，大抵就是一个纠结吧，如果说量变引起质变，那我的量还差的太多了，连见多识广都...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>fixedBox</title> <script id="xcore" type="text/javascript" src="http://www.haiqiancun.com/xWidget-0.1/xcore.js"></script> <style> *{margin:0px;padding...
昨天记录了获取键盘按键的值的事件，有了值，无非就是针对不同值做不同的操作嘛，而且之前曾经在写贪吃蛇时也用到过。结果一捯饬，又是好久的一段时间，所以感觉有必要记录下的，一方面确有可取之处，另一方面也对自己的提醒，刚刚实现过的功能转头又是陌生人了，总的来说，算是温故而知新吧。 这样我们先来分析，要实现键盘操作实现div的移动大概的原理吧： *---要实现div的移动，首先最关键的一点：获取div对象 *---postion：abs...
这代码实现的功能就是平常我们遇到的一个div里面包含img的时候，在img图片大小未知，div大小未知的情况下，让图片自适应大小，对于图片本身小于div容器大小时，不作处理。因为如果拉伸，图片可能就失真了。 废话不多说，直接上代码，已测试，兼容火狐，谷歌，IE6，IE7/8 以下是js代码： 代码如下:<script type="text/javascript" language="javascript"> window.onload=function(){ changeImgSize(); } function changeImgSize(){...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jquery窗口震动特效</title> <script type="text/javascript" src="//www.gxlcms.com/ajaxjs/jquery-1.6.2.min.js"></script> <script type="text/javascript"> ;(f...
代码如下:<html> <meta charset="utf-8" /> <style > .ppp{ width:600px; height:300px; background-color:pink; } </style> <input type="text" id="ttt" name="" value="" maxlength="" placeholder="" /> <br /><br /><br /> <div class="ppp"></div><!-- --> <script src="jquery-1.7.2.min.js"></script> <script> $("document").ready(function(){ $("#ttt").keyup( function(){$(".ppp:first").html(this.value)} ) }); </s...
有时候我们需要设置宽度为整个浏览器宽度的div，当然我们可以使用相对布局的方式做到这一点，不过我们也可以用jquery来实现。 代码如下:<!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> <style type="text/css"> .show { width: 500px; height: 50px; background-color: red; } </style> </head> <body> <div class="show"></div> <script> var ...
在做用户查找时 因为要把查找的结果动态加载和显示，所以，那些html元素要由Ajax动态生成。用户打开查找界面时，有系统推荐的用户，而当用户按条件查找后，查找的结果动态加载和显示。所以考虑到用js来搞。 这个for循环就是移除已有的表单。然后根据Ajax请求过来的数据，动态生成新的表单对象。一定要注意j变量从大往小循环，否则，删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化（这个问题摸索了好...
这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。 代码如下:var container = $(div), scrollTo = $(#row_8); container.scrollTop( scrollTo.offset().top - container.offset().top + container.scrollTop() ); // Or you can animate the scrolling: container.animate({ scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() });? 不需要任何JQuery插件即可完成所需...
代码如下:<script language="javascript" src="jquery-1.4.2.min.js"></script> <script> function show(obj,id) { var objDiv = $("#"+id+""); $(objDiv).css("display","block"); $(objDiv).css("left", event.clientX); $(objDiv).css("top", event.clientY + 10); } function hide(obj,id) { var objDiv = $("#"+id+""); $(objDiv).css("display", "none"); } </script> <!--http://www.ablanxue.com/prone_3421_1.html--> <di...