摘要：
用户名： 密码： 确认密码： 邮箱： 在标签中onclick属性上加入“return”，表示返回值。在JS内如果写“return false”，代表阻止提交；将“false”换成“true”，就表示可以提交... 阅读全文
posted @ 2017-12-10 21:01
23滴雨
阅读(405)
评论(0)
推荐(0)
摘要：
表单验证是我们最常会使用到的方法，它可以对该表单进行验证。 表单验证有四种验证方法： 1.非空验证：验证该文本框内输入的内容是否为空，常用来验证用户名是否输入。它所使用到的函数为： 2.相等验证：验证两个文本框输入的数值是否一样，用于注册页面输入两次密码，验证是否一样。它所使用到的函数为： 3.范围 阅读全文
posted @ 2017-12-10 21:00
23滴雨
阅读(381)
评论(0)
推荐(0)
摘要：
元字符 描述 \ 将下一个字符标记符、或一个向后引用、或一个八进制转义符。例如，“\\n”匹配\n。“\n”匹配换行符。序列“\\”匹配“\”而“\(”则匹配“(”。即相当于多种编程语言中都有的“转义字符”的概念。 ^ 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^ 阅读全文
posted @ 2017-12-10 21:00
23滴雨
阅读(167)
评论(0)
推荐(0)
摘要：
这种打开关闭的菜单制作方法和之前的子菜单显示的制作方法相似，首先使其子菜单部分设置隐藏，当点击主菜单时，子菜单出现，当再点击主菜单时，子菜单关闭。 在函数中，加入if语句，使其在菜单打开的状态时再点击可以关闭子菜单。 阅读全文
posted @ 2017-12-10 20:41
23滴雨
阅读(288)
评论(0)
推荐(0)
摘要：
当选中一个人时，该背景颜色改变，移动鼠标，鼠标移上变色，离开变回。 这道题需要自定义一个属性，当属性值为0时，背景色为原来的颜色，当属性值变为1，背景色变色。 这道题有一种不用JS就可以实现的简单方法： 在样式中使用“focus”，它的效果同JS里的“onclick”相似，点击时发生的变化，不过这种 阅读全文
posted @ 2017-12-10 20:40
23滴雨
阅读(175)
评论(0)
推荐(0)
摘要：
网页中常会看到一个菜单栏会本来在一个固定的位置上，等页面往下滚动的时候，它会先到顶部，再和页面一起往下走，这种效果同样是需要使用JS来实现。 其中用到了一个新的事件：onscroll为元素滚动时执行；并且使用到了“position="fixed"”这个样式对这个<div>进行了定位，即可呈现出下面的 阅读全文
posted @ 2017-12-10 20:40
23滴雨
阅读(221)
评论(0)
推荐(0)
摘要：
这样就可实现当点击中间的黄色的区域时，红色区域和黄色区域同时向蓝色区域移动，且红色区域越来越大，蓝色区域越来越小的效果。 变为： 阅读全文
posted @ 2017-12-10 20:40
23滴雨
阅读(123)
评论(0)
推荐(0)
摘要：
在加载页面的时候，进度条是最常见的，下面为制作一个简单的进度条的方法： 制作一个按钮，使点击该按钮的时候开始加载进度。 通过这段函数实现了在点击按钮时，进度条开始加载，直到加载完成。 阅读全文
posted @ 2017-12-10 20:40
23滴雨
阅读(408)
评论(0)
推荐(0)
摘要：
选项卡效果为：当选择一个选项时，改选项对应的内容出现，当选项换到另一个时，上一个选项的内容就会隐藏，且该选项的内容出现。 以上为它页面显示的效果，为这些代码加入函数就可以实现切换选项卡的效果。 函数中对于菜单部分的函数制作方法同制作鼠标移上变色效果相似，现将全部的背景色恢复为原来的颜色，再在点击一个 阅读全文
posted @ 2017-12-10 20:39
23滴雨
阅读(194)
评论(0)
推荐(0)
摘要：
现在在很多网页中都存在一个效果，那就是大图轮播效果，它使网页更加的美观，制作方法为： 这样就可以所作出大图轮播的效果，其中加入向左和向右的两个按键，可以手动控制图片出现的顺序。 阅读全文
posted @ 2017-12-10 20:39
23滴雨
阅读(243)
评论(0)
推荐(0)
摘要：
在网页中，我们最常见的是菜单的效果，而菜单的制作方法有很多种。 如果不使用到JS的话，它的制作方法是这样： 而使用JS，可以制作成这样： 这样同样可以使页面出现二级菜单的效果，这种二级菜单的制作好处是二级菜单打开不会出现占用下面的内容的情况，使排版布局更清晰。 阅读全文
posted @ 2017-12-10 20:39
23滴雨
阅读(445)
评论(0)
推荐(0)
摘要：
最开始制作下拉列表，我们使用的是表单元素里面的一个标签<select></select>，并且里面加上<option></option>，来实现下拉列表，不过这种下拉列表的样式是固定的，如果我们想把下拉列表做的更加好看一些，可以使用div制作下拉列表。 以上是使用div制作的下拉列表的只能出现请选择 阅读全文
posted @ 2017-12-10 20:38
23滴雨
阅读(7658)
评论(0)
推荐(0)
浙公网安备 33010602011771号