- 博客(10)
- 资源 (3)
- 收藏
- 关注
原创 JavaScript学习笔记10--用js实现的拼图游戏
以前用JAVA写过拼图游戏,JS实现类似功能的基本原理是一样的。也是把一个图片16等份,然后去掉右下角的那一小块,把剩下的15块放在15个单元格中,通过拖动其中的某块来实现拼图,只是用JS实现起来麻烦一点,要手动来剪裁图片。我找了个400*400的图片,16等份后,去掉右下角的那块,把剩余的15块100*100的图片放在页面上的15个单元格里,另外留下一个空的单元格用于存放移动
2007-08-23 23:01:00 3194
原创 JavaScript学习笔记9--表格排序
这次的例子,只是把Nicholas C .Zakas的例子理解了一下,代码是在学习表格排序时的Demo.单个数据类型的排序比较简单,他这个例子的特别之处在于能兼容多种数据类型的排序。例子很简单,但是里面有些设计思想给我启发很大,每次看他的书,都有新的收获。html> head> title>SortTable2title> meta http-equ
2007-08-19 04:25:00 707
原创 JavaScript学习笔记8--一个文字自动匹配的例子
今天练习了一下用javascript做文字自动匹配的功能,类似于Google Suggest,当然人家Google是连接后台数据库,在网上不方便做连接数据库,所有功能在前台实现。在javascript里定义了一个全局数组arrCities用来存储一些城市的名字。然后当我们在文本输入框里输入某个城市的名字的时候,每输入完一个字,就会拿当前的文字到arrCities数组里去比对,看是否
2007-08-16 03:40:00 609
原创 JavaScript学习笔记7--只允许向文本框输入特定的字符
我们给文本框指定一个新的属性validchars,只有在validchars里的字符,才被允许输入,怎样实现这个功能呢?看下面的例子: html> head> title>允许向文本框输入特定的字符(Run On Most Of Browser)title> script type="text/javascript" src="Detect.js">script>
2007-08-15 04:26:00 892
原创 JavaScript学习笔记6--阻止向文本框输入指定的字符
我们给文本框指定一个新的属性invalidchars,凡是在invalidchars里的字符,都是不允许输入的,怎样实现这个功能呢?看下面的例子:html> head> title>阻止向文本框输入特定的字符title> script type="text/javascript"> function blockChars(oTextbox,oEvent){ va
2007-08-15 02:25:00 1004
原创 JavaScript学习笔记5--限制textarea的字符数
元素可以通过maxlength属性限制允许输入的字符个数,但遗憾的是元素却没有类似作用的属性。不过有时候我们还是会碰到需要限制字符个数的情况,比如说在网站上写求职简历做自我介绍的时候,就会限制你最多可以输入多少个字。我们现在就来给添加个maxlength属性,来模仿元素的maxlength属性。看下面的例子,一个类似填写简历的页面: html>head>title>我的简历title>
2007-08-13 01:28:00 794
原创 JavaScript学习笔记4--模拟输入注册码时的自动切换字段
有时候某个文本框只允许输入指定数量的字符串,这时我们如果能让它直接切换到下一个字段,会比较有意思。我们在输入软件注册码的时候,就常使用这个功能。现在我们就来做个模拟输入注册码时自动切换字段的功能,用JavaScript实现。看下面的例子: html>head>title>Auto goto nexttitle>script type="text/javascript">//函数tabF
2007-08-12 05:41:00 551
原创 JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
在Web页面上,有时我们要在文本输入框里给点提示信息,告诉用户在这个地方该输入什么内容,比如说“请输入评论内容...”等等之类的提示信息,当用户把光标单位在输入框的时候,不应该让用户去清除那些提示信息,我们可以写个脚本来帮我们做这件事情,请看下面的例子: html>head>title>对XX的评论title>script type="text/javascript">var bFl
2007-08-11 21:38:00 2371
原创 JavaScript学习笔记2--表单只提交一次
在Web页面上提交表单的时候,可能用户比较不耐烦,不停的点击提交按钮.对于这个问题,简单的情况可能是发送多次重复的请求,加重服务器的负担。如果是在线交易,有可能多从信用卡里扣钱。解决的方法很简单,就是在用户提交一次后,将提交按钮禁用,看下面的例子: html>head>title>用户注册title>head>body>form name="form1" action=" ">用 户
2007-08-11 20:56:00 1201
原创 JavaScript学习笔记1---焦点定位在页面表单第一个字段
当我们希望一打开某个页面,焦点能够停留在第一个控件上的时候,可以写个简单的脚本,然后放到onload事件处理函数中,比如说下面的一段代码: html>head>title>用户注册title>head>body onload="document.forms[0].elements[0].focus()">form name="form1">用 户 名:input type="text"
2007-08-11 19:58:00 1580
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人