学习笔记3

Javascript keyCode 键盘键码值对照表

作者：永远的冰点发布时间：May 22, 2009 分类：Javascript

Javascript keyCode 键盘键码值对照表

前端开发书籍资料推荐

作者：永远的冰点发布时间：May 19, 2009 分类：XHTML/CSS,Javascript

好书推荐

我在读的

My97DatePicker--功能强大的Js日历控件

作者：永远的冰点发布时间：May 12, 2009 分类：Javascript

支持多种调用模式,更换皮肤

支持周显示

下拉,输入,导航选择日期

自定义格式(注意大小写)

支持多种容器

演示：http://wlog.cn/code/javascript/My97DatePicker/demo.html

下载地址：my97datepicker

一个很不错的密码强度检验JS

作者：永远的冰点发布时间：March 5, 2009 分类：Javascript

演示：http://wlog.cn/code/javascript/password.html

下载：密码强度检验

<html>
<head>
<style>
body
{
	/*ie needs this*/
	margin:0px;
	padding:0px;
	/*set global font settings*/
	font-size:10px;
	font-family:Tahoma,Verdana,Arial;
}
a:hover
{
	color:#fff;
}

#user_registration
{
	border:1px solid #cccccc;
	margin:auto auto;
	margin-top:100px;
	width:400px;
}


#user_registration label
{
        display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 70px;
	margin: 0px 10px 0px 5px; 
	text-align: right; 
	line-height:1em;
	font-weight:bold;
}

#user_registration input
{
	width:250px;
}

#user_registration p
{
	clear:both;
}

#submit
{
	border:1px solid #cccccc;
	width:100px !important;
	margin:10px;
}

h1
{
	text-align:center;
}

#passwordStrength
{
	height:10px;
	display:block;
	float:left;
}

.strength0
{
	width:250px;
	background:#cccccc;
}

.strength1
{
	width:50px;
	background:#ff0000;
}

.strength2
{
	width:100px;	
	background:#ff5f5f;
}

.strength3
{
	width:150px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:200px;
}

.strength5
{
	background:#399800;
	width:250px;
}


</style>


<script>
function passwordStrength(password)
{
	var desc = new Array();
	desc[0] = "Very Weak";
	desc[1] = "Weak";
	desc[2] = "Better";
	desc[3] = "Medium";
	desc[4] = "Strong";
	desc[5] = "Strongest";

	var score   = 0;

	//if password bigger than 6 give 1 point
	if (password.length > 6) score++;

	//if password has both lower and uppercase characters give 1 point	
	if ( ( password.match(/[a-z]/) ) && ( password.match(/[A-Z]/) ) ) score++;

	//if password has at least one number give 1 point
	if (password.match(/d+/)) score++;

	//if password has at least one special caracther give 1 point
	if ( password.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,)]/) )	score++;

	//if password bigger than 12 give another 1 point
	if (password.length > 12) score++;

	 document.getElementById("passwordDescription").innerHTML = desc[score];
	 document.getElementById("passwordStrength").className = "strength" + score;
}
</script>
</head>
<body>

<form method="post" action="" id="user_registration" name="user_registration">
		<p><h1>Password strength metter</h1></p>
		<p>	
			<label for="pass">Password</label><input type="password" name="pass" id="pass" onkeyup="passwordStrength(this.value)"/>
			 
		</p>
		<p>	
		<label for="pass2">Confirm Password</label><input type="password" name="pass2" id="pass2"/>
		</p>
		<p>
			<label for="passwordStrength">Password strength</label>
			<div id="passwordDescription">Password not entered</div>
			<div id="passwordStrength" class="strength0"></div>
		</p>
		<p>	
		<input type="submit" name="submit" id="submit" value="Register"/>
		</p>
</form>	

</body>
</html>

一个Javascript反应测试游戏

作者：永远的冰点发布时间：January 13, 2009 分类：Javascript

一个Javascript反应测试游戏

很好玩，地址:http://wlog.cn/code/games/js-fanying/50.html

可以自由调整大小的图片轮换代码

作者：永远的冰点发布时间：April 23, 2008 分类：Javascript

可以自由调整大小的图片轮换代码

演示地址:http://wlog.cn/code/focus/01/demo.html

下载地址:http://wlog.cn/code/focus/01/01.rar

学习笔记3

Javascript keyCode 键盘键码值对照表

前端开发书籍资料推荐

My97DatePicker--功能强大的Js日历控件

一个很不错的密码强度检验JS

一个Javascript反应测试游戏

可以自由调整大小的图片轮换代码

你可能感兴趣的:(学习笔记3)