在实际项目中尝尝会遇到网站公共的底部文件在不同高度页面下显示异常问题： 1.当网页高度不足以撑开一屏显示的时候，如果页面没有使用css定位，那么页面公共底文件不在视口最底部，而出现在偏上位置，这并不是我们要的效果，我们希望页面在视口的最底部显示。 如图： 示例1 2. 当网页高度足以撑开一屏显示的时候，如果页面使用了css定位了，那么问题又来了，底页面公共底文件一直保持在了视口底部。 示例2 为了解决上面的问题我们通过js来判断操控样式来兼顾两种不同情况的显示方式 例html如下： <footer class…
一、jquery.validate.js使用说明 1. 引入js控件库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 2.默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用ch…
Zclip插件下载地址： http://www.webzsky.com/source/v/js_21.html 这个插件网上都说是兼容各浏览器，要不是我的用的时候火狐不兼容，我差点就信了 由于这个插件是通过flash实现的复制的剪切板功能，据我观察火狐不兼容，表现出来的情况是按钮上呈现黑色遮罩层，点击无效果。我的解决方案是判断火狐浏览器，然后提示浏览器不支持，请手动复制，并且js选中要复制的内容。 js部分： <script src="statics/js/jquery.zclip.min.js">&l…
1、对整个网页限制鼠标右键： oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键，其实是禁止快捷菜单，因为不光右键可以弹出这个菜单，键盘上空格键右边的windows键也可以激活这个快捷菜单。 <table border oncontextmenu=return(false)> <td> no</table> 可用于Table function click() { if (event.button==2) { alert…
何为js对象： JavaScript 中的所有事物都是对象：字符串、数值、数组、函数... 何为jquery对象： jquery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 对象转换的目的： jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般情况下，如S(’#id’)得到的是jquery对象，它不能使用js中的dom方法。所…
关于cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 Cookie是由服务器端生成，发送给User-Agent（一般是浏览器），浏览器会将Cookie的key/value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览器设置为启用cookie）。Cookie名称和值可以由服务器端开发自己定义，对于JSP而言也可以直接写入jses…
网页顶部加载进度条仿智能手机上浏览网页一样，手机上的浏览器进度条一般都在屏幕顶部，一条极细的小线条，当页面加载的时候，它就不断的加载显示进度。这样做的目的与页面中加载提示及软件应用中的进度提示的目的都是一致的为了优化用户体验。 首先介绍一下css3的实现方法： <style type="text/css"> body{ margin:0; padding:0;} @-moz-keyframes progressing { 0% {width:0px;} 100% {width:100%;} } @-we…
代码依赖jquery，需要引用jquery包 <!--考试防作弊--> <script type="text/javascript"> //屏蔽右击 document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbeforecopy=function(){return false;}; //窗口失焦、大小变化监听 var blurNum=1; $(windo…
daterangepicker日期范围选择插件 查看demo jQuery Date Range Picker是一款允许用户选择一个日期时间范围的jQuery日期选择器插件。整个日期选择器插件使用CSS来渲染样式，可以非常容易的使用CSS来定制它的皮肤。它的兼容性非常好，支持IE6+的IE浏览器。 该日期选择器的特点有： （1）支持IE6+, Firefox, Chrome, Safari和其他标准的HTML5浏览器。 （2）支持多种语言。 （3）使用CSS来渲染样式。 （4）容易使用和定制。 （5）支持多种时间格…