前端开发 – 第 14 页

UI2007年4月19日2011年10月15日

CSS注意事项

为了给标题做标记, 要用<h1>、<h2>、 <h3>、<h4&gt […]

UI2007年4月19日2011年10月15日

CSS特效字与CSS滤镜介绍

UI2007年4月19日2015年9月27日

CSS特效字

[code] <link rel=”stylesheet” type=&#822 […]

UI2007年4月19日2011年10月15日

body {SCROLLBAR-FACE-COLOR: #dfefcf; SCROLLBAR-HIGHLIGHT-COLOR: #339966; SCROLLBAR-SHADOW-COLOR: #339966; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #112200; SCROLLBAR-TRACK-COLOR: white; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; } .opacity {FILTER: alpha(opacity=100)

</style>

[crayon-68691ff6 […]

UI2007年4月19日2011年10月15日

典型的三行二列居中高度自适应布局

&lt;html&gt;
&lt;head&gt;
&lt;style type="text/css"&gt;
body{
background:#999;
text-align:center;
color: #333;
font-family:arial,verdana,sans-serif;
}
#header{
width:776px;
margin-right: auto;
margin-left: auto;
padding: 0px;
background: #EEE;
height:60px;
text-align:left;
} #contain{
margin-right: auto;
margin-left: auto;
width: 776px;
} #mainbg{
width:776px;
padding: 0px;
background: #60A179;
float: left;
}
#right{
float: right;
margin: 2px 0px 2px 0px;
padding:0px;
width: 574px;
background: #ccd2de;
text-align:left;
}
#left{
float: left;
margin: 2px 2px 0px 0px;
padding: 0px;
background: #F2F3F7;
width: 200px;
text-align:left;
}
#footer{
clear:both;
width:776px;
margin-right: auto;
margin-left: auto;
padding: 0px;
background: #EEE;
height:60px;}
.text{margin:0px;padding:20px;}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="header"&gt;header&lt;/div&gt;
&lt;div id="contain"&gt;
&lt;div id="mainbg"&gt;
&lt;div id="right"&gt;
&lt;div
class="text"&gt;right&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div id="left"&gt;
&lt;div class="text"&gt;left&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id="footer"&gt;footer&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

<html>

<head>

body{

background:#999;

text-align:center;

color: #333;

font-family:arial,verdana,sans-serif;

}

#header{

width:776px;

margin-right: auto;

margin-left: auto;

padding: 0px;

background: #EEE;

height:60px;

text-align:left;

} #contain{

margin-right: auto;

margin-left: auto;

width: 776px;

} #mainbg{

width:776px;

padding: 0px;

background: #60A179;

float: left;

}

#right{

float: right;

margin: 2px 0px 2px 0px;

padding:0px;

width: 574px;

background: #ccd2de;

text-align:left;

}

#left{

float: left;

margin: 2px 2px 0px 0px;

padding: 0px;

background: #F2F3F7;

width: 200px;

text-align:left;

}

#footer{

clear:both;

width:776px;

margin-right: auto;

margin-left: auto;

padding: 0px;

background: #EEE;

height:60px;}

.text{margin:0px;padding:20px;}

</style>

</head>

<body>

<div id="header">header</div>

<div

class="text">right<p>1</p><p>1</p><p>1</p><p>1</p><p>1</p></div>

</div>

</div>

<div id="footer">footer</div>

</body>

</html>

UI2007年4月19日2011年10月15日

左中右3栏布局中最先显示中栏内容的方法

&lt;!DOCTYPE html PUBLIC "-//W。3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;meta http-equiv="Content-Language" content="gb2312" /&gt;
&lt;meta content="all" name="robots" /&gt;
&lt;meta name="author" content="designed by dodo at donews.com" /&gt;
&lt;title&gt;WEB标准网站设计实例：左中右3栏布局中最先显示中栏内容的方法&lt;/title&gt;
&lt;/head&gt;

&lt;style&gt;
body{font-size:12px;}
div{color:#fff}

#m{padding-left:150px}
#middle{position:absolute;
background:red;width:468px;
margin-right: auto;
margin-left: auto;
padding: 0px;
}

#left{float:left;background:green;width:140px;height:30px}
#right{float:right;background:blue;width:140px}

#all{width:770px;
margin-right: auto;
margin-left: auto;
padding: 0px;
color: #000;
background:#ffa200;}

#footer{clear:both;background:#808080;color:#fff}
&lt;/style&gt;
&lt;body&gt;
&lt;div id="all"&gt;

&lt;div id="m"&gt;
&lt;div id="middle"&gt;

中栏&lt;br /&gt;
·IT人的出路系列思考（三）: 提升学习能力与可持 ..  [陈国华]   11日
·alexa上，黑客的下一个目标是谁？  [阮颖]   11日
·IT人的出路系列思考（二）：思维创新战略与谋定 ..  [陈国华]   11日
·IT人的出路系列思考（一）：项目与打工  [陈国华]   11日
·希捷加入后的新一代笔记本选购规则  [新华美通]   11日
·木子美：挣扎出历史的海面透一口气  [周晶波]   11日
·首家推出出租房源、二手房源的RSS订阅服务  [鳖兔鳖]   11日
·TOM 在线公布二○○五年第一季度之业绩报告  [新华美通]   11日
·黄华：我们有必要开会吗？  [黄华]   11日
·IT人的出路系列思考（三）: 提升学习能力与可持 ..  [陈国华]   11日
·alexa上，黑客的下一个目标是谁？  [阮颖]   11日
·IT人的出路系列思考（二）：思维创新战略与谋定 ..  [陈国华]   11日
·IT人的出路系列思考（一）：项目与打工  [陈国华]   11日
·希捷加入后的新一代笔记本选购规则  [新华美通]   11日
·木子美：挣扎出历史的海面透一口气  [周晶波]   11日
·首家推出出租房源、二手房源的RSS订阅服务  [鳖兔鳖]   11日
·TOM 在线公布二○○五年第一季度之业绩报告  [新华美通]   11日
·黄华：我们有必要开会吗？  [黄华]   11日

&lt;/div&gt;
&lt;/div&gt;

&lt;div id="left"&gt;左栏&lt;/div&gt;
&lt;div id="right"&gt;右栏&lt;br /&gt;
&lt;/div&gt;
&lt;div id="footer"&gt;网页底部&lt;/div&gt;
&lt;/div&gt;

&lt;script language="javascript"&gt;
document.getElementById("left").style.height=document.getElementById("middle").scrollHeight+"px"
document.getElementById("right").style.height=document.getElementById("middle").scrollHeight+"px"
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W。3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>WEB标准网站设计实例：左中右3栏布局中最先显示中栏内容的方法</title>

</head>

<style>

body{font-size:12px;}

div{color:#fff}

#m{padding-left:150px}

#middle{position:absolute;

background:red;width:468px;

margin-right: auto;

margin-left: auto;

padding: 0px;

}

#left{float:left;background:green;width:140px;height:30px}

#right{float:right;background:blue;width:140px}

#all{width:770px;

margin-right: auto;

margin-left: auto;

padding: 0px;

color: #000;

background:#ffa200;}

#footer{clear:both;background:#808080;color:#fff}

</style>

<body>

中栏<br />

·IT人的出路系列思考（三）: 提升学习能力与可持 .. [陈国华] 11日

·alexa上，黑客的下一个目标是谁？ [阮颖] 11日

·IT人的出路系列思考（二）：思维创新战略与谋定 .. [陈国华] 11日

·IT人的出路系列思考（一）：项目与打工 [陈国华] 11日

·希捷加入后的新一代笔记本选购规则 [新华美通] 11日

·木子美：挣扎出历史的海面透一口气 [周晶波] 11日

·首家推出出租房源、二手房源的RSS订阅服务 [鳖兔鳖] 11日

·TOM 在线公布二○○五年第一季度之业绩报告 [新华美通] 11日

·黄华：我们有必要开会吗？ [黄华] 11日

·IT人的出路系列思考（三）: 提升学习能力与可持 .. [陈国华] 11日

·alexa上，黑客的下一个目标是谁？ [阮颖] 11日

·IT人的出路系列思考（二）：思维创新战略与谋定 .. [陈国华] 11日

·IT人的出路系列思考（一）：项目与打工 [陈国华] 11日

·希捷加入后的新一代笔记本选购规则 [新华美通] 11日

·木子美：挣扎出历史的海面透一口气 [周晶波] 11日

·首家推出出租房源、二手房源的RSS订阅服务 [鳖兔鳖] 11日

·TOM 在线公布二○○五年第一季度之业绩报告 [新华美通] 11日

·黄华：我们有必要开会吗？ [黄华] 11日

</div>

</div>

</div>

document.getElementById("left").style.height=document.getElementById("middle").scrollHeight+"px"

document.getElementById("right").style.height=document.getElementById("middle").scrollHeight+"px"

</script>

</body>

</html>

Javascript2007年4月19日2011年10月16日

Ajax应用：异步获取历史上的今天

&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
&lt;title&gt;Ajax应用：异步获取历史上的今天&lt;/title&gt;
&lt;script language="javascript"&gt;
//Ajax远程获取滚动条样式
var http_request = false;

function makeRequest(url)
{
	http_request = false;
	//Loading提示：
	document.getElementById("historyText").innerHTML = "正在读取…";
	if (window.XMLHttpRequest)
	{ // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType)
		{
			http_request.overrideMimeType("text/xml");
		}
	}
	else if (window.ActiveXObject)
	{ // IE
		try
		{
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{}
		}
	}
	if (!http_request)
	{
		document.getElementById("historyText").innerHTML = "无法创建XMLHTTP实例！";
		//alert("Giving up :( Cannot create an XMLHTTP instance");
		return false;
	}
	d = new Date(); // 创建 Date 对象。
	s = "temp";
	s += d.getYear(); // 获取年份。
	s += d.getMonth() + 1; // 获取月份。
	s += d.getDate(); // 获取日。
	s += d.getHours(); // 获取小时。
	s += d.getMinutes(); // 获取分钟。
	s += d.getSeconds(); // 获取秒数。
	url = "todayOnHistory_Proxy.asp?tempVar=" + s;
	http_request.onreadystatechange = alertContents;
	http_request.open("GET", url, true);
	http_request.send(null);
}

function alertContents()
{
	if (http_request.readyState == 4)
	{
		if (http_request.status == 200)
		{
			document.getElementById("historyText").innerHTML = http_request.responseText;
		}
		else
		{
			document.getElementById("historyText").innerHTML = "数据读取失败！";
		}
	}
}
&lt;/script&gt;
&lt;style type="text/css"&gt;
body,td{font-size:14px;color:#000000;}
a:link,a:visited{font-size:14px;color:#000000; text-decoration:underline}
a:hover{font-size:14px;color:#0046D5; text-decoration:underline}
.style22{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #DEDEB8;
background-color: #FDFFF2
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body onload="makeRequest()"&gt;
&lt;fieldset style="width:400px"&gt;
	&lt;legend&gt;Today on history:&lt;/legend&gt;
	&lt;div id="historyText" style="padding:10px"&gt;
	&lt;/div&gt;
&lt;/fieldset&gt;
&lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>Ajax应用：异步获取历史上的今天</title>

//Ajax远程获取滚动条样式

var http_request = false;

function makeRequest(url)

{

http_request = false;

//Loading提示：

document.getElementById("historyText").innerHTML = "正在读取…";

if (window.XMLHttpRequest)

{ // Mozilla, Safari,...

http_request = new XMLHttpRequest();

if (http_request.overrideMimeType)

{

http_request.overrideMimeType("text/xml");

}

else if (window.ActiveXObject)

{ // IE

try

{

http_request = new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e)

{

try

{

http_request = new ActiveXObject("Microsoft.XMLHTTP");

}

catch (e)

{}

}

if (!http_request)

{

document.getElementById("historyText").innerHTML = "无法创建XMLHTTP实例！";

//alert("Giving up :( Cannot create an XMLHTTP instance");

return false;

}

d = new Date(); // 创建 Date 对象。

s = "temp";

s += d.getYear(); // 获取年份。

s += d.getMonth() + 1; // 获取月份。

s += d.getDate(); // 获取日。

s += d.getHours(); // 获取小时。

s += d.getMinutes(); // 获取分钟。

s += d.getSeconds(); // 获取秒数。

url = "todayOnHistory_Proxy.asp?tempVar=" + s;

http_request.onreadystatechange = alertContents;

http_request.open("GET", url, true);

http_request.send(null);

}

function alertContents()

{

if (http_request.readyState == 4)

{

if (http_request.status == 200)

{

document.getElementById("historyText").innerHTML = http_request.responseText;

}

else

{

document.getElementById("historyText").innerHTML = "数据读取失败！";

}

</script>

body,td{font-size:14px;color:#000000;}

a:link,a:visited{font-size:14px;color:#000000; text-decoration:underline}

a:hover{font-size:14px;color:#0046D5; text-decoration:underline}

.style22{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #DEDEB8;

background-color: #FDFFF2

}

</style>

</head>

<legend>Today on history:</legend>

</div>

</fieldset>

</body>

</html>

Javascript2007年4月18日2011年10月16日

JavaScript生产MD5码

&lt;label&gt;
明文 &lt;input id='iput' value='admin888' maxlength="40" size="44"&gt;
&lt;/label&gt;
&lt;label&gt;
密文 &lt;input id='oput' value="" maxlength="40" size="44"&gt;
&lt;/label&gt;
&lt;input type='button' value='生成16位md5密码' id='md5_16' onclick="javascript:oput.value=calcMD5(iput.value,16)"&gt;
&lt;input type='button' value='生成32位md5密码' id='md5_32' onclick="javascript:oput.value=calcMD5(iput.value,32)"&gt;

&lt;script&gt;
/* * * * * * * * * * * * * * * * * * * * md5.js 
 * * A JavaScript implementation of the RSA Data Security, Inc.MD5
 * Message - Digest Algorithm.
 * * Copyright(C) Paul Johnston 1999.Distributed under the LGPL.
 * * * * * * * */
/ * to convert strings to a list of ascii values * / 
var sAscii = "!#$%&amp;'()*+,-./0123456789:;&lt;=&gt;?@ABCDEFGHIJKLMNOPQRSTUVWXYZ" ;
var sAscii = sAscii + "[\]^_`abcdefghijklmnopqrstuvwxyz{|}~"; 
/* convert integer to hex string */ 
var sHex = "0123456789ABCDEF"; 
function hex(i)
{
	h = "";
	for (j = 0; j &lt;= 3; j++)
	{
		h += sHex.charAt((i &gt;&gt; (j * 8 + 4)) &amp; 0x0F) + sHex.charAt((i &gt;&gt; (j * 8)) &amp; 0x0F);
	}
	return h;
}
/* add, handling overflows correctly */
function add(x, y)
{
	return ((x &amp; 0x7FFFFFFF) + (y &amp; 0x7FFFFFFF)) ^ (x &amp; 0x80000000) ^ (y &amp; 0x80000000);
} 
/* MD5 rounds functions */
function R1(A, B, C, D, X, S, T)
{
	q = add(add(A, (B &amp; C) | (~B &amp; D)), add(X, T));
	return add((q &lt;&lt; S) | ((q &gt;&gt; (32 - S)) &amp; (Math.pow(2, S) - 1)), B);
}

function R2(A, B, C, D, X, S, T)
{
	q = add(add(A, (B &amp; D) | (C &amp; ~D)), add(X, T));
	return add((q &lt;&lt; S) | ((q &gt;&gt; (32 - S)) &amp; (Math.pow(2, S) - 1)), B);
}

function R3(A, B, C, D, X, S, T)
{
	q = add(add(A, B ^ C ^ D), add(X, T));
	return add((q &lt;&lt; S) | ((q &gt;&gt; (32 - S)) &amp; (Math.pow(2, S) - 1)), B);
}

function R4(A, B, C, D, X, S, T)
{
	q = add(add(A, C ^ (B | ~D)), add(X, T));
	return add((q &lt;&lt; S) | ((q &gt;&gt; (32 - S)) &amp; (Math.pow(2, S) - 1)), B);
} 
/* main entry point */

function calcMD5(sInp, typemd5)
{ 
	/* Calculate length in machine words, including padding */
	wLen = (((sInp.length + 8) &gt;&gt; 6) + 1) &lt;&lt; 4;
	var X = new Array(wLen); 
	/* Convert string to array of words */
	j = 4;
	for (i = 0; (i * 4) &lt; sInp.length; i++)
	{
		X[i] = 0;
		for (j = 0;(j &lt; 4) &amp;&amp; ((j + i * 4) &lt; sInp.length); j++)
		{
			X[i] += (sAscii.indexOf(sInp.charAt((i * 4) + j)) + 32) &lt;&lt; (j * 8);
		}
	} 
	/* Append padding bits and length */
	if (j == 4)
	{
		X[i++] = 0x80;
	}
	else
	{
		X[i - 1] += 0x80 &lt;&lt; (j * 8);
	}
	for (; i &lt; wLen; i++)
	{
		X[i] = 0;
	}
	X[wLen - 2] = sInp.length * 8; 
	/* hard-coded initial values */
	a = 0x67452301;
	b = 0xefcdab89;
	c = 0x98badcfe;
	d = 0x10325476; 
	/* Process each 16-word block in turn */
	for (i = 0; i &lt; wLen; i += 16)
	{
		aO = a;
		bO = b;
		cO = c;
		dO = d;
		a = R1(a, b, c, d, X[i + 0], 7, 0xd76aa478);
		d = R1(d, a, b, c, X[i + 1], 12, 0xe8c7b756);
		c = R1(c, d, a, b, X[i + 2], 17, 0x242070db);
		b = R1(b, c, d, a, X[i + 3], 22, 0xc1bdceee);
		a = R1(a, b, c, d, X[i + 4], 7, 0xf57c0faf);
		d = R1(d, a, b, c, X[i + 5], 12, 0x4787c62a);
		c = R1(c, d, a, b, X[i + 6], 17, 0xa8304613);
		b = R1(b, c, d, a, X[i + 7], 22, 0xfd469501);
		a = R1(a, b, c, d, X[i + 8], 7, 0x698098d8);
		d = R1(d, a, b, c, X[i + 9], 12, 0x8b44f7af);
		c = R1(c, d, a, b, X[i + 10], 17, 0xffff5bb1);
		b = R1(b, c, d, a, X[i + 11], 22, 0x895cd7be);
		a = R1(a, b, c, d, X[i + 12], 7, 0x6b901122);
		d = R1(d, a, b, c, X[i + 13], 12, 0xfd987193);
		c = R1(c, d, a, b, X[i + 14], 17, 0xa679438e);
		b = R1(b, c, d, a, X[i + 15], 22, 0x49b40821);
		a = R2(a, b, c, d, X[i + 1], 5, 0xf61e2562);
		d = R2(d, a, b, c, X[i + 6], 9, 0xc040b340);
		c = R2(c, d, a, b, X[i + 11], 14, 0x265e5a51);
		b = R2(b, c, d, a, X[i + 0], 20, 0xe9b6c7aa);
		a = R2(a, b, c, d, X[i + 5], 5, 0xd62f105d);
		d = R2(d, a, b, c, X[i + 10], 9, 0x2441453);
		c = R2(c, d, a, b, X[i + 15], 14, 0xd8a1e681);
		b = R2(b, c, d, a, X[i + 4], 20, 0xe7d3fbc8);
		a = R2(a, b, c, d, X[i + 9], 5, 0x21e1cde6);
		d = R2(d, a, b, c, X[i + 14], 9, 0xc33707d6);
		c = R2(c, d, a, b, X[i + 3], 14, 0xf4d50d87);
		b = R2(b, c, d, a, X[i + 8], 20, 0x455a14ed);
		a = R2(a, b, c, d, X[i + 13], 5, 0xa9e3e905);
		d = R2(d, a, b, c, X[i + 2], 9, 0xfcefa3f8);
		c = R2(c, d, a, b, X[i + 7], 14, 0x676f02d9);
		b = R2(b, c, d, a, X[i + 12], 20, 0x8d2a4c8a);
		a = R3(a, b, c, d, X[i + 5], 4, 0xfffa3942);
		d = R3(d, a, b, c, X[i + 8], 11, 0x8771f681);
		c = R3(c, d, a, b, X[i + 11], 16, 0x6d9d6122);
		b = R3(b, c, d, a, X[i + 14], 23, 0xfde5380c);
		a = R3(a, b, c, d, X[i + 1], 4, 0xa4beea44);
		d = R3(d, a, b, c, X[i + 4], 11, 0x4bdecfa9);
		c = R3(c, d, a, b, X[i + 7], 16, 0xf6bb4b60);
		b = R3(b, c, d, a, X[i + 10], 23, 0xbebfbc70);
		a = R3(a, b, c, d, X[i + 13], 4, 0x289b7ec6);
		d = R3(d, a, b, c, X[i + 0], 11, 0xeaa127fa);
		c = R3(c, d, a, b, X[i + 3], 16, 0xd4ef3085);
		b = R3(b, c, d, a, X[i + 6], 23, 0x4881d05);
		a = R3(a, b, c, d, X[i + 9], 4, 0xd9d4d039);
		d = R3(d, a, b, c, X[i + 12], 11, 0xe6db99e5);
		c = R3(c, d, a, b, X[i + 15], 16, 0x1fa27cf8);
		b = R3(b, c, d, a, X[i + 2], 23, 0xc4ac5665);
		a = R4(a, b, c, d, X[i + 0], 6, 0xf4292244);
		d = R4(d, a, b, c, X[i + 7], 10, 0x432aff97);
		c = R4(c, d, a, b, X[i + 14], 15, 0xab9423a7);
		b = R4(b, c, d, a, X[i + 5], 21, 0xfc93a039);
		a = R4(a, b, c, d, X[i + 12], 6, 0x655b59c3);
		d = R4(d, a, b, c, X[i + 3], 10, 0x8f0ccc92);
		c = R4(c, d, a, b, X[i + 10], 15, 0xffeff47d);
		b = R4(b, c, d, a, X[i + 1], 21, 0x85845dd1);
		a = R4(a, b, c, d, X[i + 8], 6, 0x6fa87e4f);
		d = R4(d, a, b, c, X[i + 15], 10, 0xfe2ce6e0);
		c = R4(c, d, a, b, X[i + 6], 15, 0xa3014314);
		b = R4(b, c, d, a, X[i + 13], 21, 0x4e0811a1);
		a = R4(a, b, c, d, X[i + 4], 6, 0xf7537e82);
		d = R4(d, a, b, c, X[i + 11], 10, 0xbd3af235);
		c = R4(c, d, a, b, X[i + 2], 15, 0x2ad7d2bb);
		b = R4(b, c, d, a, X[i + 9], 21, 0xeb86d391);
		a = add(a, aO);
		b = add(b, bO);
		c = add(c, cO);
		d = add(d, dO);
	}
	if (typemd5 == 32)
	{
		return hex(a) + hex(b) + hex(c) + hex(d);
	}
	if (typemd5 == 16)
	{
		return hex(b) + hex(c);
	}
}

						
&lt;/script&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

<label>

明文 <input id='iput' value='admin888' maxlength="40" size="44">

</label>

<label>

密文 <input id='oput' value="" maxlength="40" size="44">

</label>

/* * * * * * * * * * * * * * * * * * * * md5.js

* * A JavaScript implementation of the RSA Data Security, Inc.MD5

* Message - Digest Algorithm.

* * Copyright(C) Paul Johnston 1999.Distributed under the LGPL.

* * * * * * * */

/ * to convert strings to a list of ascii values * /

var sAscii = "!#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ" ;

var sAscii = sAscii + "[\]^_`abcdefghijklmnopqrstuvwxyz{|}~";

/* convert integer to hex string */

var sHex = "0123456789ABCDEF";

function hex(i)

{

h = "";

for (j = 0; j <= 3; j++)

{

h += sHex.charAt((i >> (j * 8 + 4)) & 0x0F) + sHex.charAt((i >> (j * 8)) & 0x0F);

}

return h;

}

/* add, handling overflows correctly */

function add(x, y)

{

return ((x & 0x7FFFFFFF) + (y & 0x7FFFFFFF)) ^ (x & 0x80000000) ^ (y & 0x80000000);

}

/* MD5 rounds functions */

function R1(A, B, C, D, X, S, T)

{

q = add(add(A, (B & C) | (~B & D)), add(X, T));

return add((q << S) | ((q >> (32 - S)) & (Math.pow(2, S) - 1)), B);

}

function R2(A, B, C, D, X, S, T)

{

q = add(add(A, (B & D) | (C & ~D)), add(X, T));

return add((q << S) | ((q >> (32 - S)) & (Math.pow(2, S) - 1)), B);

}

function R3(A, B, C, D, X, S, T)

{

q = add(add(A, B ^ C ^ D), add(X, T));

return add((q << S) | ((q >> (32 - S)) & (Math.pow(2, S) - 1)), B);

}

function R4(A, B, C, D, X, S, T)

{

q = add(add(A, C ^ (B | ~D)), add(X, T));

return add((q << S) | ((q >> (32 - S)) & (Math.pow(2, S) - 1)), B);

}

/* main entry point */

function calcMD5(sInp, typemd5)

{

/* Calculate length in machine words, including padding */

wLen = (((sInp.length + 8) >> 6) + 1) << 4;

var X = new Array(wLen);

/* Convert string to array of words */

j = 4;

for (i = 0; (i * 4) < sInp.length; i++)

{

X[i] = 0;

for (j = 0;(j < 4) && ((j + i * 4) < sInp.length); j++)

{

X[i] += (sAscii.indexOf(sInp.charAt((i * 4) + j)) + 32) << (j * 8);

}

/* Append padding bits and length */

if (j == 4)

{

X[i++] = 0x80;

}

else

{

X[i - 1] += 0x80 << (j * 8);

}

for (; i < wLen; i++)

{

X[i] = 0;

}

X[wLen - 2] = sInp.length * 8;

/* hard-coded initial values */

a = 0x67452301;

b = 0xefcdab89;

c = 0x98badcfe;

d = 0x10325476;

/* Process each 16-word block in turn */

for (i = 0; i < wLen; i += 16)

{

aO = a;

bO = b;

cO = c;

dO = d;

a = R1(a, b, c, d, X[i + 0], 7, 0xd76aa478);

d = R1(d, a, b, c, X[i + 1], 12, 0xe8c7b756);

c = R1(c, d, a, b, X[i + 2], 17, 0x242070db);

b = R1(b, c, d, a, X[i + 3], 22, 0xc1bdceee);

a = R1(a, b, c, d, X[i + 4], 7, 0xf57c0faf);

d = R1(d, a, b, c, X[i + 5], 12, 0x4787c62a);

c = R1(c, d, a, b, X[i + 6], 17, 0xa8304613);

b = R1(b, c, d, a, X[i + 7], 22, 0xfd469501);

a = R1(a, b, c, d, X[i + 8], 7, 0x698098d8);

d = R1(d, a, b, c, X[i + 9], 12, 0x8b44f7af);

c = R1(c, d, a, b, X[i + 10], 17, 0xffff5bb1);

b = R1(b, c, d, a, X[i + 11], 22, 0x895cd7be);

a = R1(a, b, c, d, X[i + 12], 7, 0x6b901122);

d = R1(d, a, b, c, X[i + 13], 12, 0xfd987193);

c = R1(c, d, a, b, X[i + 14], 17, 0xa679438e);

b = R1(b, c, d, a, X[i + 15], 22, 0x49b40821);

a = R2(a, b, c, d, X[i + 1], 5, 0xf61e2562);

d = R2(d, a, b, c, X[i + 6], 9, 0xc040b340);

c = R2(c, d, a, b, X[i + 11], 14, 0x265e5a51);

b = R2(b, c, d, a, X[i + 0], 20, 0xe9b6c7aa);

a = R2(a, b, c, d, X[i + 5], 5, 0xd62f105d);

d = R2(d, a, b, c, X[i + 10], 9, 0x2441453);

c = R2(c, d, a, b, X[i + 15], 14, 0xd8a1e681);

b = R2(b, c, d, a, X[i + 4], 20, 0xe7d3fbc8);

a = R2(a, b, c, d, X[i + 9], 5, 0x21e1cde6);

d = R2(d, a, b, c, X[i + 14], 9, 0xc33707d6);

c = R2(c, d, a, b, X[i + 3], 14, 0xf4d50d87);

b = R2(b, c, d, a, X[i + 8], 20, 0x455a14ed);

a = R2(a, b, c, d, X[i + 13], 5, 0xa9e3e905);

d = R2(d, a, b, c, X[i + 2], 9, 0xfcefa3f8);

c = R2(c, d, a, b, X[i + 7], 14, 0x676f02d9);

b = R2(b, c, d, a, X[i + 12], 20, 0x8d2a4c8a);

a = R3(a, b, c, d, X[i + 5], 4, 0xfffa3942);

d = R3(d, a, b, c, X[i + 8], 11, 0x8771f681);

c = R3(c, d, a, b, X[i + 11], 16, 0x6d9d6122);

b = R3(b, c, d, a, X[i + 14], 23, 0xfde5380c);

a = R3(a, b, c, d, X[i + 1], 4, 0xa4beea44);

d = R3(d, a, b, c, X[i + 4], 11, 0x4bdecfa9);

c = R3(c, d, a, b, X[i + 7], 16, 0xf6bb4b60);

b = R3(b, c, d, a, X[i + 10], 23, 0xbebfbc70);

a = R3(a, b, c, d, X[i + 13], 4, 0x289b7ec6);

d = R3(d, a, b, c, X[i + 0], 11, 0xeaa127fa);

c = R3(c, d, a, b, X[i + 3], 16, 0xd4ef3085);

b = R3(b, c, d, a, X[i + 6], 23, 0x4881d05);

a = R3(a, b, c, d, X[i + 9], 4, 0xd9d4d039);

d = R3(d, a, b, c, X[i + 12], 11, 0xe6db99e5);

c = R3(c, d, a, b, X[i + 15], 16, 0x1fa27cf8);

b = R3(b, c, d, a, X[i + 2], 23, 0xc4ac5665);

a = R4(a, b, c, d, X[i + 0], 6, 0xf4292244);

d = R4(d, a, b, c, X[i + 7], 10, 0x432aff97);

c = R4(c, d, a, b, X[i + 14], 15, 0xab9423a7);

b = R4(b, c, d, a, X[i + 5], 21, 0xfc93a039);

a = R4(a, b, c, d, X[i + 12], 6, 0x655b59c3);

d = R4(d, a, b, c, X[i + 3], 10, 0x8f0ccc92);

c = R4(c, d, a, b, X[i + 10], 15, 0xffeff47d);

b = R4(b, c, d, a, X[i + 1], 21, 0x85845dd1);

a = R4(a, b, c, d, X[i + 8], 6, 0x6fa87e4f);

d = R4(d, a, b, c, X[i + 15], 10, 0xfe2ce6e0);

c = R4(c, d, a, b, X[i + 6], 15, 0xa3014314);

b = R4(b, c, d, a, X[i + 13], 21, 0x4e0811a1);

a = R4(a, b, c, d, X[i + 4], 6, 0xf7537e82);

d = R4(d, a, b, c, X[i + 11], 10, 0xbd3af235);

c = R4(c, d, a, b, X[i + 2], 15, 0x2ad7d2bb);

b = R4(b, c, d, a, X[i + 9], 21, 0xeb86d391);

a = add(a, aO);

b = add(b, bO);

c = add(c, cO);

d = add(d, dO);

}

if (typemd5 == 32)

{

return hex(a) + hex(b) + hex(c) + hex(d);

}

if (typemd5 == 16)

{

return hex(b) + hex(c);

}

</script>

Javascript2007年4月18日2015年9月27日

数值计算(4舍5入后取i位小数)

//4舍5入后取i位小数 function selectedPoint(value,i) { return p […]

Javascript2007年4月18日2015年9月27日

按键转换(回车输入为Tab输入)

//转换回车输入为Tab输入，转向下一个元素 ?function keyDown(DnEvents){ ? ? […]

Javascript2007年4月18日2015年9月27日

窗口操作

//在fmain页面上显示帮助页面 //系统在设计中提供在线帮助，在线帮助为一可以移动的div，在fmain页 […]

Javascript2007年4月18日2015年9月27日

鼠标移动经过TR时变色

//鼠标移动经过tr时变色 ?var rowbgcolor = ‘#ffffff’; […]

Javascript2007年4月18日2011年10月16日

select元素操作

//获得select元素当前选中的值
//输入参数：select表单元素
//返回：字符串
//get the value from select that selected


function getSelectValue(selobj)
{
	if (selobj.options.length == 0 || selobj.selectedIndex == -1) return null;
	var str;
	str = selobj.options[selobj.selectedIndex].value;
	return str;
}
//获得select元素当前选中的文本
//输入参数：select表单元素
//返回：字符串
//get the text from select that selected


function getSelectText(selobj)
{
	if (selobj.options.length == 0 || selobj.selectedIndex == -1) return null;
	var str;
	str = selobj.options[selobj.selectedIndex].text;
	return str;
}

function getSelectValueArray(selobj)
{
	var selNums = 0;
	for (var i = 0; i &lt; selobj.options.length; i++)
	if (selobj.options[i].selected) selNums++;
	var options = new Array(selNums);
	var n = 0;
	for (var i = 0; i &lt; selobj.options.length; i++)
	if (selobj.options[i].selected) options[n++] = selobj.options[i].value;
	return options;
}
//选中select指定选项，如果不存在不做处理


function selectedOne(selobj, value)
{
	var len = selobj.options.length;
	if (len == 0) return false;
	for (i = 0; i &lt; len; i++)
	{
		if (selobj.options[i].value == value) selobj.options[i].selected = true;
	}
	return true;
}

//获得select元素当前选中的值

//输入参数：select表单元素

//返回：字符串

//get the value from select that selected

function getSelectValue(selobj)

{

if (selobj.options.length == 0 || selobj.selectedIndex == -1) return null;

var str;

str = selobj.options[selobj.selectedIndex].value;

return str;

}

//获得select元素当前选中的文本

//输入参数：select表单元素

//返回：字符串

//get the text from select that selected

function getSelectText(selobj)

{

if (selobj.options.length == 0 || selobj.selectedIndex == -1) return null;

var str;

str = selobj.options[selobj.selectedIndex].text;

return str;

}

function getSelectValueArray(selobj)

{

var selNums = 0;

for (var i = 0; i < selobj.options.length; i++)

if (selobj.options[i].selected) selNums++;

var options = new Array(selNums);

var n = 0;

for (var i = 0; i < selobj.options.length; i++)

if (selobj.options[i].selected) options[n++] = selobj.options[i].value;

return options;

}

//选中select指定选项，如果不存在不做处理

function selectedOne(selobj, value)

{

var len = selobj.options.length;

if (len == 0) return false;

for (i = 0; i < len; i++)

{

if (selobj.options[i].value == value) selobj.options[i].selected = true;

}

return true;

}

Javascript2007年4月18日2015年9月27日

轮换显示

function exchangeImg(elm,pic1,pic2){ if(elm.src == &#82 […]

Javascript2007年4月18日2015年9月27日

字符串操作大全

function trim(str){ if(str==null) return “” […]

Javascript2007年4月18日2011年10月16日

显示或者隐藏大全

//显示隐藏div，该函数应用于checkbox与div动态关联
//用户选中checkbox后div显示，取消选中时div隐藏
//输入参数：checkbox表单元素，div元素


function linkdisplay(checkbox, divID)
{
  if (checkbox.checked)
  {
    divID.style.display = "block";
  }
  else divID.style.display = "none";
}

//显示/隐藏div元素
//输入参数：div元素


function display(selobj)
{
  if (selobj.length == null) selobj.style.display = "block";
  else for (var i = 0; i &lt; selobj.length; i++)
  selobj[i].style.display = "block";
}

function hidden(selobj)
{
  if (selobj.length == null) selobj.style.display = "none";
  else for (var i = 0; i &lt; selobj.length; i++)
  selobj[i].style.display = "none";
}

//显示隐藏div，该函数应用于checkbox与div动态关联

//用户选中checkbox后div显示，取消选中时div隐藏

//输入参数：checkbox表单元素，div元素

function linkdisplay(checkbox, divID)

{

if (checkbox.checked)

{

divID.style.display = "block";

}

else divID.style.display = "none";

}

//显示/隐藏div元素

//输入参数：div元素

function display(selobj)

{

if (selobj.length == null) selobj.style.display = "block";

else for (var i = 0; i < selobj.length; i++)

selobj[i].style.display = "block";

}

function hidden(selobj)

{

if (selobj.length == null) selobj.style.display = "none";

else for (var i = 0; i < selobj.length; i++)

selobj[i].style.display = "none";

}

Javascript2007年4月18日2011年10月16日

自由编辑表格

&lt;html&gt;

  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312″&gt;
    &lt;title&gt;
      测试修改表格
    &lt;/title&gt;
    &lt;style&gt;
      /*提示层的样式*/ 
	  div { BORDER-RIGHT: #80c144 1px solid; BORDER-TOP: #80c144
      1px solid; VISIBILITY: hidden; BORDER-LEFT: #80c144 1px solid; CURSOR:
      default; LINE-HEIGHT: 20px; BORDER-BOTTOM: #80c144 1px solid; FONT-FAMILY:
      宋体; font-size:12px; POSITION: absolute; BACKGROUND-COLOR: #f6f6f6; TOP:30px;
      LEFT:30px; } 
	  /*tr的样式*/ 
	  tr { font-family: "宋体"; color: #000000; background-color:
      #C1DBF5; font-size: 12px } 
	  /*table脚注样式*/ 
	  .TrFoot { FONT-SIZE: 12px; font-family:"宋体",
      "Verdana", "Arial"; BACKGROUND-COLOR: #6699CC; COLOR:#FFFFFF; height: 25;
      } 
	  /*trhead属性*/ 
	  .TrHead { FONT-SIZE: 13px; font-family:"宋体", "Verdana",
      "Arial"; BACKGROUND-COLOR: #77AADD; COLOR:#FFFFFF; height: 25; } 
	  /*文本框样式*/	  
      INPUT { BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7; BORDER-RIGHT: 1px
      solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px
      solid; FONT-SIZE: 12px; FONT-FAMILY: "宋体","Verdana"; color: #000000; BACKGROUND-COLOR:
      #E9EFF5; } 
	  /*button样式*/ 
	  button { BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7
      #AACEF7; BACKGROUND-COLOR: #D5E4F3; CURSOR: hand; FONT-SIZE:12px; BORDER-RIGHT:
      1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM:
      1px solid; COLOR: #000000; }
    &lt;/style&gt;
  &lt;/head&gt;

  &lt;body&gt;
    &lt;script language=" JavaScript"&gt;
         //标志位,值为false代表未打开一个编辑框,值为true为已经打开一个编辑框开始编辑 
         var editer_table_cell_tag = false;
         //开启编辑功能标志,值为true时为允许编辑 
         var run_edit_flag = false;
    &lt;/script&gt;
    &lt;script language=" JavaScript"&gt;
             /** * 编辑表格函数 
          * 单击某个单元格可以对里面的内容进行自由编辑
          * @para tableID 为要编辑的table的id
          * @para noEdiID 为不要编辑的td的ID,比如说table的标题
          * 可以写为&lt;td id="no_editer"&gt;自由编辑表格&lt;/td&gt;
          * 此时该td不可编辑 */

         function editerTableCell(tableId, noEdiId)
         {
           var tdObject = event.srcElement;
           var tObject = ((tdObject.parentNode).parentNode).parentNode;
           if (tObject.id == tableId &amp;&amp; tdObject.id != noEdiId &amp;&amp; editer_table_cell_tag == false &amp;&amp; run_edit_flag == true)
           {
             tdObject.innerHTML = " &lt; input type = text id = edit_table_txt name = edit_table_txt value = " + tdObject.innerText + "size = '15′onKeyDown = 'enterToTab()' &gt; &lt;input type = button value = '确定'onclick = 'certainEdit()' &gt; ";
             edit_table_txt.focus();
             edit_table_txt.select();
             editer_table_cell_tag = true;
             //修改按钮提示信息 
             editTip.innerText = "请先点确定按钮确认修改!";
           }
           else
           {
             return false;
           }
         } /** * 确定修改 */

         function certainEdit()
         {
           var bObject = event.srcElement;
           var tdObject = bObject.parentNode;
           var txtObject = tdObject.firstChild;
           tdObject.innerHTML = txtObject.value;
           //代表编辑框已经关闭 
           editer_table_cell_tag = false;
           //修改按钮提示信息 
           editTip.innerText = "请单击某个单元格进行编辑!";
         }

         function enterToTab()
         {
           if (event.srcElement.type != 'button' &amp;&amp; event.srcElement.type != 'textarea' &amp;&amp; event.keyCode == 13)
           {
             event.keyCode = 9;
           }
         } /** * 控制是否编辑 */

         function editStart()
         {
           if (event.srcElement.value == "开始编辑")
           {
             event.srcElement.value = "编辑完成";
             run_edit_flag = true;
           }
           else
           {
             //如果当前没有编辑框,则编辑成功,否则,无法提交 
             //必须按确定按钮后才能正常提交 
             if (editer_table_cell_tag == false)
             {
               alert("编辑成功结束!");
               event.srcElement.value = "开始编辑";
               run_edit_flag = false;
             }
           }
         } /** * 根据不同的按钮提供不同的提示信息 */

         function showTip()
         {
           if (event.srcElement.value == "编辑完成")
           {
             editTip.style.top = event.y + 15;
             editTip.style.left = event.x + 12;
             editTip.style.visibility = "visible";
           }
           else
           {
             editTip.style.visibility = "hidden";
           }
         }
    &lt;/script&gt;
    &lt;table id="editer_table" width="100%" align="center" onclick="editerTableCell('editer_table','no_editer')"&gt; 
&lt;tr class="TrHead"&gt; &lt;td colspan="3″ align="center" id="no_editer"&gt;自由编辑表格&lt;/td&gt; &lt;/tr&gt; 
&lt;tr&gt; &lt;td width="33%"&gt;单击开始编辑按钮,然后点击各单元格编辑&lt;/td&gt; &lt;td width="33%"&gt;2&lt;/td&gt; &lt;td width="33%"&gt;3&lt;/td&gt; &lt;/tr&gt; 
&lt;tr&gt; &lt;td width="33%"&gt;4&lt;/td&gt; &lt;td width="33%"&gt;5&lt;/td&gt; &lt;td width="33%"&gt;6&lt;/td&gt; &lt;/tr&gt; 
&lt;tr&gt; &lt;td width="33%"&gt;one&lt;/td&gt; &lt;td width="33%"&gt;two&lt;/td&gt; &lt;td width="33%"&gt;three&lt;/td&gt; &lt;/tr&gt; 
&lt;tr&gt; &lt;td width="33%"&gt;four&lt;/td&gt; &lt;td width="33%"&gt;five&lt;/td&gt; &lt;td width="33%"&gt;six&lt;/td&gt; &lt;/tr&gt; 
&lt;tr class="TrFoot"&gt; &lt;td colspan="3″ align="center" id="no_editer"&gt; 
&lt;input type="button" class="bt" value="开始编辑" onClick="editStart()" onMouseOver="showTip()" onMouseMove="showTip()" onMouseOut="editTip.style.visibility = 'hidden';"&gt; 
&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; 
&lt;div id="editTip"&gt;请单击某个单元格进行编辑!&lt;/div&gt; &lt;/html&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

<html>

<head>

<title>

测试修改表格

</title>

<style>

/*提示层的样式*/

div { BORDER-RIGHT: #80c144 1px solid; BORDER-TOP: #80c144

1px solid; VISIBILITY: hidden; BORDER-LEFT: #80c144 1px solid; CURSOR:

default; LINE-HEIGHT: 20px; BORDER-BOTTOM: #80c144 1px solid; FONT-FAMILY:

宋体; font-size:12px; POSITION: absolute; BACKGROUND-COLOR: #f6f6f6; TOP:30px;

LEFT:30px; }

/*tr的样式*/

tr { font-family: "宋体"; color: #000000; background-color:

#C1DBF5; font-size: 12px }

/*table脚注样式*/

.TrFoot { FONT-SIZE: 12px; font-family:"宋体",

"Verdana", "Arial"; BACKGROUND-COLOR: #6699CC; COLOR:#FFFFFF; height: 25;

}

/*trhead属性*/

.TrHead { FONT-SIZE: 13px; font-family:"宋体", "Verdana",

"Arial"; BACKGROUND-COLOR: #77AADD; COLOR:#FFFFFF; height: 25; }

/*文本框样式*/

INPUT { BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7; BORDER-RIGHT: 1px

solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px

solid; FONT-SIZE: 12px; FONT-FAMILY: "宋体","Verdana"; color: #000000; BACKGROUND-COLOR:

#E9EFF5; }

/*button样式*/

button { BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7

#AACEF7; BACKGROUND-COLOR: #D5E4F3; CURSOR: hand; FONT-SIZE:12px; BORDER-RIGHT:

1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM:

1px solid; COLOR: #000000; }

</style>

</head>

<body>

//标志位,值为false代表未打开一个编辑框,值为true为已经打开一个编辑框开始编辑

var editer_table_cell_tag = false;

//开启编辑功能标志,值为true时为允许编辑

var run_edit_flag = false;

</script>

/** * 编辑表格函数

* 单击某个单元格可以对里面的内容进行自由编辑

* @para tableID 为要编辑的table的id

* @para noEdiID 为不要编辑的td的ID,比如说table的标题

* 可以写为<td id="no_editer">自由编辑表格</td>

* 此时该td不可编辑 */

function editerTableCell(tableId, noEdiId)

{

var tdObject = event.srcElement;

var tObject = ((tdObject.parentNode).parentNode).parentNode;

if (tObject.id == tableId && tdObject.id != noEdiId && editer_table_cell_tag == false && run_edit_flag == true)

{

tdObject.innerHTML = " < input type = text id = edit_table_txt name = edit_table_txt value = " + tdObject.innerText + "size = '15′onKeyDown = 'enterToTab()' > <input type = button value = '确定'onclick = 'certainEdit()' > ";

edit_table_txt.focus();

edit_table_txt.select();

editer_table_cell_tag = true;

//修改按钮提示信息

editTip.innerText = "请先点确定按钮确认修改!";

}

else

{

return false;

}

} /** * 确定修改 */

function certainEdit()

{

var bObject = event.srcElement;

var tdObject = bObject.parentNode;

var txtObject = tdObject.firstChild;

tdObject.innerHTML = txtObject.value;

//代表编辑框已经关闭

editer_table_cell_tag = false;

//修改按钮提示信息

editTip.innerText = "请单击某个单元格进行编辑!";

}

function enterToTab()

{

if (event.srcElement.type != 'button' && event.srcElement.type != 'textarea' && event.keyCode == 13)

{

event.keyCode = 9;

}

} /** * 控制是否编辑 */

function editStart()

{

if (event.srcElement.value == "开始编辑")

{

event.srcElement.value = "编辑完成";

run_edit_flag = true;

}

else

{

//如果当前没有编辑框,则编辑成功,否则,无法提交

//必须按确定按钮后才能正常提交

if (editer_table_cell_tag == false)

{

alert("编辑成功结束!");

event.srcElement.value = "开始编辑";

run_edit_flag = false;

}

} /** * 根据不同的按钮提供不同的提示信息 */

function showTip()

{

if (event.srcElement.value == "编辑完成")

{

editTip.style.top = event.y + 15;

editTip.style.left = event.x + 12;

editTip.style.visibility = "visible";

}

else

{

editTip.style.visibility = "hidden";

}

</script>

<tr class="TrHead"> <td colspan="3″ align="center" id="no_editer">自由编辑表格</td> </tr>

<tr> <td width="33%">单击开始编辑按钮,然后点击各单元格编辑</td> <td width="33%">2</td> <td width="33%">3</td> </tr>

<tr> <td width="33%">one</td> <td width="33%">two</td> <td width="33%">three</td> </tr>

</td> </tr> </table> </body>

<div id="editTip">请单击某个单元格进行编辑!</div> </html>

Javascript2007年4月18日2015年9月27日

回车键换为tab

在每个文本框的onblur事件中调用校验代码,并且每个文本框中onKeyDown事件中写一个enter转tab […]

Javascript2007年4月18日2015年9月27日

只限制输入数字

具有在输入非数字字符不回显的效果，即对非数字字符的输入不作反应。 [code] function number […]

Javascript2007年4月18日2015年9月27日

电话号码的验证

电话号码的验证要求： (1)电话号码由数字、”(“、”)”和 […]

Javascript2007年4月18日2011年10月16日

无边框窗口

&lt;html XMLNS:IE&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312″&gt;
  &lt;ie:Download ID="include" STYLE="behavior:url(#default#download)" /&gt;
  &lt;title&gt;
    Chromeless Window
  &lt;/title&gt;
  &lt;script LANGUAGE="JScript"&gt;
       /*— Special Thanks For andot —*/
      /* This following code are designed and writen by Windy_sk &lt;seasonx@163.net&gt; You can use it freely, but u must held all the copyright items! */
      /*— Thanks For andot Again —*/
     var CW_width = 400;
     var CW_height = 300;
     var CW_top = 100;
     var CW_left = 100;
     var CW_url = " / ";
     var New_CW = window.createPopup();
     var CW_Body = New_CW.document.body;
     var content = "";
     var CSStext = "margin: 1px;
     color: black;
     border: 2px outset;
     border - style: expression(onmouseout = onmouseup = function()
     {
       this.style.borderStyle = 'outset'
     }, onmousedown = function()
     {
       if (event.button != 2) this.style.borderStyle = 'inset'
     });
     background - color: buttonface;
     width: 16px;
     height: 14px;
     font - size: 12px;
     line - height: 11px;
     cursor: Default;";
     //Build Window 
     include.startDownload(CW_url, function(source)
     {
       content = source
     });

     function insert_content()
     {
       var temp = "";
       CW_Body.style.overflow = "hidden";
       CW_Body.style.backgroundColor = "white";
       CW_Body.style.border = "solid black 1px";
       content = content.replace(/&lt;a ([^&gt;]*)&gt;/g, " &lt; a onclick = 'parent.open(this.href);
       return false'$1 &gt; ");
       temp += " &lt; table width = 100 % height = 100 % cellpadding = 0 cellspacing = 0 border = 0 &gt; ";
       temp += " &lt; tr style = ';
       font - size: 12px;
       background: #0099CC;height:20;cursor:default' ondblclick="Max.innerText = Max.innerText == '1′ ? '2′ : '1′;
       parent.if_max = !parent.if_max;
       parent.show_CW();"onmouseup = 'parent.drag_up(event)'onmousemove = 'parent.drag_move(event)'onmousedown = 'parent.drag_down(event)'onselectstart = '
       return false'oncontextmenu = '
       return false' &gt; ";
       temp += " &lt; td style = 'color: #ffffff;
       padding - left: 5px' &gt; Chromeless Window For IE6 SP1 &lt; /td&gt;"; temp += "&lt;td style='color:#ffffff;padding-right:5px;' align=right&gt;"; temp += "&lt;span id=Help onclick="alert('Chromeless Window For IE6 SP1 – Ver 1.0\n\nCode By Windy_sk\n\nSpecial Thanks For andot')" style=""+CSStext+"font-family:System;padding-right:2px;"&gt;?&lt;/span &gt; ";
       temp += " &lt; span id = Min onclick = 'parent.New_CW.hide();
       parent.blur()'style = ""+CSStext+"font-family:Webdings;" title='Minimum'&gt;0&lt;/span&gt;"; temp += "&lt;span id=Max onclick="this.innerText=this.innerText=='1′?'2′:'1′;parent.if_max=!parent.if_max;parent.show_CW();" style="" + CSStext + "font - family: Webdings;"title = 'Maximum' &gt; 1 &lt; /span&gt;"; temp += "&lt;span id=Close onclick='parent.opener=null;parent.close()' style=""+CSStext+"font-family:System;padding-right:2px;" title='Close'&gt;x&lt;/span &gt; ";
       temp += " &lt; /td&gt;&lt;/tr &gt; &lt; tr &gt; &lt; td colspan = 2 &gt; ";
       temp += " &lt; div id = include style = 'overflow: scroll;
       overflow - x: hidden;
       overflow - y: auto;
       HEIGHT: 100 % ;
       width: " + CW_width + "' &gt; ";
       temp += content;
       temp += " &lt; /div&gt;"; temp += "&lt;/td &gt; &lt; /tr&gt;&lt;/table &gt; ";
       CW_Body.innerHTML = temp;
     }
     setTimeout("insert_content()", 1000);
     var if_max = true;

     function show_CW()
     {
       window.moveTo(10000, 10000);
       if (if_max)
       {
         New_CW.show(CW_top, CW_left, CW_width, CW_height);
         if (typeof(New_CW.document.all.include) != "undefined")
         {
           New_CW.document.all.include.style.width = CW_width;
           New_CW.document.all.Max.innerText = "1″;
         }
       }
       else
       {
         New_CW.show(0, 0, screen.width, screen.height);
         New_CW.document.all.include.style.width = screen.width;
       }
     }
     window.onfocus = show_CW;
     window.onresize = show_CW;
     // Move Window 
     var drag_x, drag_y, draging = false
     function drag_move(e)
     {
       if (draging)
       {
         New_CW.show(e.screenX - drag_x, e.screenY - drag_y, CW_width, CW_height);
         return false;
       }
     }
     function drag_down(e)
     {
       if (e.button == 2) return;
       if (New_CW.document.body.offsetWidth == screen.width &amp;&amp; New_CW.document.body.offsetHeight == screen.height) return;
       drag_x = e.clientX;
       drag_y = e.clientY;
       draging = true;
       e.srcElement.setCapture();
     }
     function drag_up(e)
     {
       draging = false;
       e.srcElement.releaseCapture();
       if (New_CW.document.body.offsetWidth == screen.width &amp;&amp; New_CW.document.body.offsetHeight == screen.height) return;
       CW_top = e.screenX - drag_x;
       CW_left = e.screenY - drag_y;
     }
  &lt;/script&gt;

&lt;/html&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

<ie:Download ID="include" STYLE="behavior:url(#default#download)" />

<title>

Chromeless Window

</title>

/*— Special Thanks For andot —*/

/* This following code are designed and writen by Windy_sk <seasonx@163.net> You can use it freely, but u must held all the copyright items! */

/*— Thanks For andot Again —*/

var CW_width = 400;

var CW_height = 300;

var CW_top = 100;

var CW_left = 100;

var CW_url = " / ";

var New_CW = window.createPopup();

var CW_Body = New_CW.document.body;

var content = "";

var CSStext = "margin: 1px;

color: black;

border: 2px outset;

border - style: expression(onmouseout = onmouseup = function()

{

this.style.borderStyle = 'outset'

}, onmousedown = function()

{

if (event.button != 2) this.style.borderStyle = 'inset'

});

background - color: buttonface;

width: 16px;

height: 14px;

font - size: 12px;

line - height: 11px;

cursor: Default;";

//Build Window

include.startDownload(CW_url, function(source)

{

content = source

});

function insert_content()

{

var temp = "";

CW_Body.style.overflow = "hidden";

CW_Body.style.backgroundColor = "white";

CW_Body.style.border = "solid black 1px";

content = content.replace(/<a ([^>]*)>/g, " < a onclick = 'parent.open(this.href);

return false'$1 > ");

temp += " < table width = 100 % height = 100 % cellpadding = 0 cellspacing = 0 border = 0 > ";

temp += " < tr style = ';

font - size: 12px;

background: #0099CC;height:20;cursor:default' ondblclick="Max.innerText = Max.innerText == '1′ ? '2′ : '1′;

parent.if_max = !parent.if_max;

parent.show_CW();"onmouseup = 'parent.drag_up(event)'onmousemove = 'parent.drag_move(event)'onmousedown = 'parent.drag_down(event)'onselectstart = '

return false'oncontextmenu = '

return false' > ";

temp += " < td style = 'color: #ffffff;

padding - left: 5px' > Chromeless Window For IE6 SP1 < /td>"; temp += "<td style='color:#ffffff;padding-right:5px;' align=right>"; temp += "<span id=Help onclick="alert('Chromeless Window For IE6 SP1 – Ver 1.0\n\nCode By Windy_sk\n\nSpecial Thanks For andot')" style=""+CSStext+"font-family:System;padding-right:2px;">?</span > ";

temp += " < span id = Min onclick = 'parent.New_CW.hide();

parent.blur()'style = ""+CSStext+"font-family:Webdings;" title='Minimum'>0</span>"; temp += "<span id=Max onclick="this.innerText=this.innerText=='1′?'2′:'1′;parent.if_max=!parent.if_max;parent.show_CW();" style="" + CSStext + "font - family: Webdings;"title = 'Maximum' > 1 < /span>"; temp += "<span id=Close onclick='parent.opener=null;parent.close()' style=""+CSStext+"font-family:System;padding-right:2px;" title='Close'>x</span > ";

temp += " < /td></tr > < tr > < td colspan = 2 > ";

temp += " < div id = include style = 'overflow: scroll;

overflow - x: hidden;

overflow - y: auto;

HEIGHT: 100 % ;

width: " + CW_width + "' > ";

temp += content;

temp += " < /div>"; temp += "</td > < /tr></table > ";

CW_Body.innerHTML = temp;

}

setTimeout("insert_content()", 1000);

var if_max = true;

function show_CW()

{

window.moveTo(10000, 10000);

if (if_max)

{

New_CW.show(CW_top, CW_left, CW_width, CW_height);

if (typeof(New_CW.document.all.include) != "undefined")

{

New_CW.document.all.include.style.width = CW_width;

New_CW.document.all.Max.innerText = "1″;

}

else

{

New_CW.show(0, 0, screen.width, screen.height);

New_CW.document.all.include.style.width = screen.width;

}

window.onfocus = show_CW;

window.onresize = show_CW;

// Move Window

var drag_x, drag_y, draging = false

function drag_move(e)

{

if (draging)

{

New_CW.show(e.screenX - drag_x, e.screenY - drag_y, CW_width, CW_height);

return false;

}

function drag_down(e)

{

if (e.button == 2) return;

if (New_CW.document.body.offsetWidth == screen.width && New_CW.document.body.offsetHeight == screen.height) return;

drag_x = e.clientX;

drag_y = e.clientY;

draging = true;

e.srcElement.setCapture();

}

function drag_up(e)

{

draging = false;

e.srcElement.releaseCapture();

if (New_CW.document.body.offsetWidth == screen.width && New_CW.document.body.offsetHeight == screen.height) return;

CW_top = e.screenX - drag_x;

CW_left = e.screenY - drag_y;

}

</script>

</html>

Javascript2007年4月18日2015年9月27日

&lt;script&gt;
var WshShell = WScript.CreateObject("WScript.Shell");
WshShell.RegWrite ("HKCUSoftwareACMEFortuneTeller", 1, "REG_BINARY");
WshShell.RegWrite ("HKCUSoftwareACMEFortuneTellerMindReader", "Goocher!", "REG_SZ");
var bKey = WshShell.RegRead ("HKCUSoftwareACMEFortuneTeller");
WScript.Echo (WshShell.RegRead ("HKCUSoftwareACMEFortuneTellerMindReader"));
WshShell.RegDelete ("HKCUSoftwareACMEFortuneTellerMindReader");
WshShell.RegDelete ("HKCUSoftwareACMEFortuneTeller");
WshShell.RegDelete ("HKCUSoftwareACME");
&lt;/script&gt;

var WshShell = WScript.CreateObject("WScript.Shell");

WshShell.RegWrite ("HKCUSoftwareACMEFortuneTeller", 1, "REG_BINARY");

WshShell.RegWrite ("HKCUSoftwareACMEFortuneTellerMindReader", "Goocher!", "REG_SZ");

var bKey = WshShell.RegRead ("HKCUSoftwareACMEFortuneTeller");

WScript.Echo (WshShell.RegRead ("HKCUSoftwareACMEFortuneTellerMindReader"));

WshShell.RegDelete ("HKCUSoftwareACMEFortuneTellerMindReader");

WshShell.RegDelete ("HKCUSoftwareACMEFortuneTeller");

WshShell.RegDelete ("HKCUSoftwareACME");

</script>

分类：前端开发

CSS注意事项

CSS特效字与CSS滤镜介绍

CSS特效字

CSS滚动条

典型的三行二列居中高度自适应布局

左中右3栏布局中最先显示中栏内容的方法

Ajax应用：异步获取历史上的今天

JavaScript生产MD5码

数值计算(4舍5入后取i位小数)

按键转换(回车输入为Tab输入)

窗口操作

鼠标移动经过TR时变色

select元素操作

轮换显示

字符串操作大全

显示或者隐藏大全

自由编辑表格

回车键换为tab

只限制输入数字

电话号码的验证

无边框窗口

验证IP地址格式是否正确

TABLAE相关(客户端动态增加行列）

写注册表

Javascript写注册表