代码如下:<html> <script> //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById("ServiceListTable") for(var i=1;i<sTable.rows.length;i++) //遍历除第一行外的所有行 { if (sTable.rows[i] != target) //判断是否当前选定行 { sTable.rows[i].bgColor = "#ffffff"; //设置背景...
直接看代码吧 参数一:要保留小数位的数字 参数二:要保留的位数代码如下: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...
先来一张截图。鼠标移动到对应的分类,下面的红色小三角形就会自动跟随,缓慢的跟随。不管有多少个都可以。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]) { ...
代码如下:<html><head><title>响应鼠标自动选中文本框内容</title></head><body><input id="a" type="text" value="请输入搜索词" onmouseover="selectInputContent(this.id)"/><script type="text/javascript">function selectInputContent(n){ obj =document.getElementById(n); obj.focus(); obj.select();}</script></body></html>
代码如下:<!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>JavaScript图片放大技术(放大镜)实现代码分享 - www.gxlcms.com</title> <style type="text/css"> #magnifier{ width:342px; height:420px; ...
第一种:JS定时自动关闭窗口 代码如下:<script language="javascript"><!--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();//--></script> 第二种:点击链接没有提示的JS关闭窗口 代码如下:<a href="javascript:self.close()" >关闭窗口</a> 第三种:窗口没有提示自动关闭的js代...
代码如下: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...
这个功能主要是解决内容页中的图片过大撑出,导致页面比较难看,就需要这样的代码,需要的朋友可以参考下 需求:图片width<=600px,height<=800。 1、利用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.Offse...
代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JavaScript</title> </head> <body> <script language="javascript"> var n = 0; function showTable(len) { wi('<table border="1" width="300" style="border-collapse:collapse"><tbody id="table">'); for (i=0;i<len;i++) { if (parseInt(i%2)==1) { bg = '#F4FAC7'; } else { bg = 'wh...
运行效果: ================================================= 部分代码: ================================================= 当然首先你数据库中要有这个table,不然你没有数据.....^_^ 代码如下:<tr> <td class="tr pr10 "> 所在地: </td> <td class="tl"> <input type="hidden" id="myProvince" value="${user.provinceId}"/> <input type="hidden" id="myCity" value="${user.cityId}"/> <input type="hidden" id="myReg...
跨浏览器基础事件 代码如下://跨浏览器添加事件 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) {...
JQury框架绝对是页面开发的首选,代码短小强悍,缺点就是面向对象特性不足,所幸有不少插件!至于Ext就是一个庞然大物了,高度面向对象,类似于MFC的庞大API和控件库,运行起来,浏览器就累得够呛,开发也够呛,使用代码来创建界面绝对是个糟糕的方式,Javascript的弱语言类型使得Ext开发就像行走在雷区,减少bug的唯一方法就是不要写出bug,一旦出现bug,调试将是一件极为痛苦的事情 !在几千行代码里跟踪、跳转真让人抓狂! Javas...
lang.js库提供了包和类的定义、类的继承与混合(mixin)、函数重载等功能,基本可满足大多数面向对象设计的需求。同时支持基于链式的定义方式,让库在使用时更加规范和便捷。下面首先通过简单的例子演示了lang.js的基本功能,之后给出了lang.js的源码及注释。 一.功能介绍 “lang”作为框架的全局定义,其中包括了四个方法: lang.Package(string name) //用于定义包(默认会暴露到全局) lang.Class(string name[, object config], ...
代码如下:一、数据准备 <table id="table1"> <tr><th>文章标题</th><th>文章分类</th><th>发布时间</th><th>操作</th></tr> <tr><td>测试</td><td>测试</td><td>测试</td><td>测试</td></tr> <tr><td>测试</td><td>测试</td><td>测试</td><td>测试</td></tr> <tr><td>测试</td><td>测试</td><td>测试</td><td>测试</td></tr> </table> <table id="table2"> <tr><td>文章标题</td><td>文章分类</td><td>发布时间</td><td>操作</td><...
实例如下: 代码如下:<style type="text/css"> 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:2p...