代码如下: /** * 克隆元素样式 * @param {HTMLElement} 被克隆的元素 * @param {Boolean} 是否启用缓存(默认true) * @return {String} css类名 */ var cloneStyle = (function (doc) { var rstyle = /^(number|string)$/, cloneName = ${cloneName}, sData = {}, addHeadStyle = function (content) { var style = sData[doc]; if (!style) { style = sData[doc] = doc.createElement(style); doc.getElementsByTagName(head)[0]...
显示表格数据会涉及到一些东西,如字段显示隐藏,数据状态,分页之类。 由于我们公司的产品涉及到很多的表格数据显示,而且每张表的字段数都很多,在工作过程中(几任同仁的努力),整合出一套自认为较为轻巧的方案。如图: 其中涉及到的插件主要有:jQuery.columnmanager.expand.js(扩展columnmanager)jQuery.dropbox.js(自已写的)jQuery.pager.expand.js(扩展pager) jQuery.cookie.js 其中pager.expand.js,dropbox.js以及各插件间...
(1)页面代码: 代码如下: Insert title here href="js/themes/basic/grid.css" /> jQuery(document).ready(function(){ jQuery("#myTab").jqGrid({ datatype: "json", //将这里改为使用JSON数据 url:'DataServlet', //这是Action的请求地址 mtype: 'POST', height: 250, width: 400, colNames:['编号','姓名', '电话'], colModel:[ {name:'id',index:'id', width:60, sorttype:"int"}, {name:'name',index:'name', width...
下面代码直接copy 就能用l 代码如下: /* Reset style */ * { margin:0; padding:0;} .input_ocurrent { padding:2px; border:1px solid #DDD; background:#FFF;} .input_ocurrent:hover, .input_ocurrent:focus { border:1px solid #444; background:#DDD;} .input_current { padding:2px; border:1px solid #444; background:#DDD;} function displayInput(elementID) { //得到span标签的集合 var spanzone = document.ge...
JavaScript 端: 代码如下: //初始化页面 function init() { var ary = JSONToArray(XMLReader("node","content.dibi")); var divtoc = document.getElementById("div_toc"); pageCount = ary.length; for(k = 0; k < ary.length; k++){ obj = eval(( + ary[k] + )); divtoc.innerHTML += "" + obj.label + " "; } page = 1; changeImage(page); var pageManager = document.getElementById("div_page"); pageManager.innerH...
测试例子: 代码如下: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> *{ margin: 0; padding: 0;} body{ border: 10px solid red;} #inner{width: 2000px; height: 2000px; border: 5px solid blue;} 结果: chrome:FFOPERA:SAFARI:IE9:IE8IE7:IE6说明:Chrome/FF/Safari/opera对这些浏览器而言,window有个属性innerWidth/innerHeight包含的是整个文档的可视区域尺寸,注意,这个尺寸是包含滚动条大...
1. 排序: 默认的sort()按字符编码排序的: 代码如下: 输出搜索结果了。 以上是我总结的三种在javascript中用sort()操作数组的方法,如果你有兴趣,你会发现sort()还有好多妙用呢……
代码如下: /* * base64编码 */ var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var base64DecodeChars = new Array( -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59, 60, ...
1.如果密码少于5位,那么就认为这是一个弱密码。 2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码。 3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码。 4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码。 代码如下: //CharMode函数 function CharMode(iN){ if (iN>=48 && i...
唯一需要注意的地方: innerText与textContent,显示页面的时候不能用innerHTML,否则会被解析。innerText与textContent是在除FF之外的浏览器与FF之间的差异。 代码如下: var innerText = document.body.innerText ? innerText : textContent; 上面的语句在开头处理以避免多次判断 demo贴图: demo: 代码如下: 休息休息 var connector = (function(){ var connector = null; if(window.XMLHttpRequest){ connect...
记录: 代码如下: (function(){ ver has=0, ver=0; try{ has=new ActiveXObject(ShockwaveFlash.ShockwaveFlash); if(has) { ver = +(has.GetVariable("$version").match(/\d+/)); } } catch(e){ has=navigator.plugins["Shockwave Flash"]; if(has) { ver = +(has.description.match(/\d+/)); } } console.log(ver);//0即无插件 })()
先看图: 很简单的一个效果 首先html 代码如下: css 代码如下: ul,li{margin:0;padding:0;} ul{position:relative;width:100%;height:333px;} li{border:4px solid gray;border-radius:3px;list-style:none;} img{width:100%;height:100%;} 很小一点js 代码如下: (function(){ var ul=document.getElementsByTagName(ul)[0]; var li=ul.getElementsByTagName(li); for(var i=0,l=li.length;i<l;i++){...
效果演示:源代码: 代码如下: Single images var MoveBKimg=new Class({ initialize:function(){ this.$L=0; this.$T=0; }, Todo:function(i,opt){ this.opt={ bw:opt.bw || 0, //容器宽度 bh:opt.bh || 0, iw:opt.iw || 0, //图像宽度 ih:opt.ih || 0, X:opt.X || 0, //鼠标的clientX坐标 Y:opt.Y || 0 };o=this.opt; if(!i || !o.iw || !o.ih || !o.bw || !o.bh){return false;} o.iw=o.iw-o.bw; //图像实际可被移动的x轴范...
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载了多少,而后用jq模拟出一个进度条来显示。 首先我们先画一个进度条的样子,也就是上图图中的样子,这个不用过多说明,自己看代码 CSS 代码如下: *{margin:0;padding:0;font-size:12px} .loading{positi...
代码如下: 图片减速度滚动(by rentj1@163.com;) ul{ margin:0; padding:0} ul{ list-style:none;} body{font:12px/1.2 "宋体"; } .scroll_box{ position:relative; height:164px; width:766px; border:1px solid #efefef; overflow:hidden;} .scroll_box .list{ overflow:hidden; zoom:1; position:absolute;} .scroll_box .list li{ width:235px; height:164px; padding:0 10px; text-align:center; float:left;} .scroll_bo...