实例如下: 代码如下: body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%; } img{border:none;} ul,li{ margin:0; padding:0; } li{ list-style:none; float:left; display:inline; margin-right:10px; border:1px solid #AAAAAA; } /* tooltip */ #tooltip{ position:absolute; border:1px solid #ccc; background:#333; padding:2px; display:none; color...
JQury框架绝对是页面开发的首选,代码短小强悍,缺点就是面向对象特性不足,所幸有不少插件!至于Ext就是一个庞然大物了,高度面向对象,类似于MFC的庞大API和控件库,运行起来,浏览器就累得够呛,开发也够呛,使用代码来创建界面绝对是个糟糕的方式,Javascript的弱语言类型使得Ext开发就像行走在雷区,减少bug的唯一方法就是不要写出bug,一旦出现bug,调试将是一件极为痛苦的事情 !在几千行代码里跟踪、跳转真让人抓狂! Javas...
跨浏览器基础事件 代码如下: //跨浏览器添加事件 function addEvent(obj, type, fn) { if (obj.addEventListener) { obj.addEventListener(type, fn, false); } else if (obj.attachEvent) { obj.attachEvent(on + type, function () { fn.call(obj); }); } } //跨浏览器基础事件 function removeEvent(obj, type, fn) { if (obj.removeEventListener) { obj.removeEventListener(type, fn, false); } else if (obj.detachEvent) ...
运行效果: ================================================= 部分代码: ================================================= 当然首先你数据库中要有这个table,不然你没有数据.....^_^ 代码如下: 所在地: <option value="${xzqh.provinceId}" ${user.regionId eq xzqh.provinceId?"selected=selected":""}>${xzqh.province} js代码: 代码如下: /** * 加载市 * */ function loadCity() { var province...
代码如下: JavaScript var n = 0; function showTable(len) { wi(''); for (i=0;i if (parseInt(i%2)==1) { bg = '#F4FAC7'; } else { bg = 'white'; } wi('第'+(i+1)+'行'); } wi(''); wi(''); } function wi(str) { return document.write(str); } showTable(10); var add = document.getElementById("add"); add.onclick = function() { n = n+1; ...
这个功能主要是解决内容页中的图片过大撑出,导致页面比较难看,就需要这样的代码,需要的朋友可以参考下 需求:图片width1、利用max-width,max-height使图片等比例自动缩放代码: 代码如下: img{max-width: 600px;max-height: 800px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用javascript脚本来兼容ie6,代码如: 代码如下: var img_width = img.OffsetWidth;var img_heigh...
代码如下:var date = function( a, s ) { var d = s ? new Date( s ) : new Date(), f = d.getTime(); return ( + a ).replace( /a|A|d|D|F|g|G|h|H|i|I|j|l|L|m|M|n|s|S|t|T|U|w|y|Y|z|Z/g, function ( a ) { switch ( a ) { case a : return d.getHours() > 11 ? pm : am; case A : return d.getHours() > 11 ? PM : AM; case d : return ( 0 + d.getDate() ).slice...
第一种:JS定时自动关闭窗口 代码如下:function closewin(){self.opener=null;self.close();}function clock(){i=i-1document.title="本窗口将在"+i+"秒后自动关闭!";if(i>0)setTimeout("clock();",1000);else closewin();}var i=10clock();// 第二种:点击链接没有提示的JS关闭窗口 代码如下:关闭窗口 第三种:窗口没有提示自动关闭的js代码 this.window.opener = null; window.close(); // 第三种:php代码提交窗口之后提示信...
代码如下: JavaScript图片放大技术(放大镜)实现代码分享 - www.gxlcms.com #magnifier{ width:342px; height:420px; position:absolute; top:100px; left:250px; font-size:0; border:1px solid #000; } #img{ width:342px; height:420px; } #Browser{ border:1px solid #000; z-index:100; position:absolute; background:#555; } #mag{ border:1px solid #000; ...
先来一张截图。鼠标移动到对应的分类,下面的红色小三角形就会自动跟随,缓慢的跟随。不管有多少个都可以。javascript code:代码如下:function changeCoord(id, left) { $$(id).style.left = left;} function $$(id) { return document.getElementById(id);} function $$$(id) { return document.getElementsByClassName(id)[0];} function indexOf(arry, obj) { for (var i = 0; i < arry.length; i++) { if (obj == arry[i]) { ...
代码如下:响应鼠标自动选中文本框内容function selectInputContent(n){ obj =document.getElementById(n); obj.focus(); obj.select();}JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与clic...
直接看代码吧 参数一:要保留小数位的数字 参数二:要保留的位数代码如下:function FormatNumber(srcStr,nAfterDot){ var srcStr,nAfterDot; var resultStr,nTen; srcStr = ""+srcStr+""; strLen = srcStr.length; dotPos = srcStr.indexOf(".",0); if (dotPos == -1){ resultStr = srcStr+"."; for (i=0;i<nAfterDot;i++){ resultStr = resultStr+"0"; } } else{ if ((strLen - dotPos - 1) >= nAfterDo...
代码如下: //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById("ServiceListTable") for(var i=1;i { if (sTable.rows[i] != target) //判断是否当前选定行 { sTable.rows[i].bgColor = "#ffffff"; //设置背景色 sTable.rows[i].onmouseover = resumeRowOver; //增...
代码如下: 密码强度检测 body{font:12px/1.5 Arial;} input{float:left;font-size:12px;width:150px;font-family:arial;border:1px solid #ccc;padding:3px;} input.correct{border:1px solid green;} input.error{border:1px solid red;} #tips{float:left;margin:2px 0 0 20px;} #tips span{float:left;width:50px;height:20px;color:#fff;overflow:hidden;background:#ccc;margin-...
目前测试下:支持IE6+ 火狐 谷歌游览器等。 先来看看此组件的基本配置项:如下:代码如下:this.config = {targetCls : .clickElem, // 点击元素 title: 我是龙恩, // 窗口标题 content : text:我是龙, //content : img:http://www.baidu.com/a.jpg,// 窗口内容 {text:具体内容 | id:id名 | img:图片链接 | // iframe:src链接} {string} width: 400, // 内容的宽度 height : 300, ...