<form name="regform" method="POST" action="regform.jsp" onSubmit="return check();" enctype="multipart/form-data">
<script language="javascript">
function update_province( CatID1, subTypeForm ){
subTypeForm.length=0;
switch(CatID1){
case "-1":
subTypeForm.options[0]=new Option("--------","-1");
subTypeForm.options[0].selected=true;break;
case "0"://中国
subTypeForm.options[0]=new Option("广东","0");
subTypeForm.options[1]=new Option("广西","1");
subTypeForm.options[2]=new Option("北京","2");
subTypeForm.options[3]=new Option("海南","3");
subTypeForm.options[4]=new Option("福建","4");
subTypeForm.options[5]=new Option("天津","5");
subTypeForm.options[6]=new Option("湖南","6");
subTypeForm.options[7]=new Option("湖北","7");
subTypeForm.options[8]=new Option("河南","8");
subTypeForm.options[9]=new Option("河北","9");
subTypeForm.options[10]=new Option("山东","10");
subTypeForm.options[11]=new Option("山西","11");
subTypeForm.options[12]=new Option("黑龙江","12");
subTypeForm.options[13]=new Option("辽宁","13");
subTypeForm.options[14]=new Option("上海","14");
subTypeForm.options[15]=new Option("甘肃","15");
subTypeForm.options[16]=new Option("青海","16");
subTypeForm.options[17]=new Option("新疆","17");
subTypeForm.options[18]=new Option("西藏","18");
subTypeForm.options[19]=new Option("宁夏","19");
subTypeForm.options[20]=new Option("四川","20");
subTypeForm.options[21]=new Option("云南","21");
subTypeForm.options[22]=new Option("吉林","22");
subTypeForm.options[23]=new Option("内蒙古","23");
subTypeForm.options[24]=new Option("陕西","24");
subTypeForm.options[25]=new Option("安徽","25");
subTypeForm.options[26]=new Option("贵州","26");
subTypeForm.options[27]=new Option("江苏","27");
subTypeForm.options[28]=new Option("重庆","28");
subTypeForm.options[29]=new Option("浙江","29");
subTypeForm.options[30]=new Option("江西","30");
subTypeForm.options[31]=new Option("国外","31");
subTypeForm.options[32]=new Option("台湾","32");
subTypeForm.options[33]=new Option("香港","33");
subTypeForm.options[34]=new Option("澳门","34");
subTypeForm.options[0].selected=true;
break;
}
return -1;
}
function update_city( CatID1, CatID2, subTypeForm ){
subTypeForm.length=0;
switch(CatID1){
case "-1":
subTypeForm.options[0]=new Option("--------","-1");
subTypeForm.options[0].selected=true;break;
case "0"://中国
switch ( CatID2 ){
case "5"://广东
subTypeForm.options[0]=new Option("广州","0");
subTypeForm.options[1]=new Option("深圳","1");
subTypeForm.options[2]=new Option("珠海","2");
subTypeForm.options[3]=new Option("韶关","3");
subTypeForm.options[4]=new Option("潮州","4");
subTypeForm.options[5]=new Option("汕头","5");
subTypeForm.options[6]=new Option("肇庆","6");
subTypeForm.options[7]=new Option("湛江","7");
subTypeForm.options[8]=new Option("佛山","8");
subTypeForm.options[9]=new Option("新会","9");
subTypeForm.options[10]=new Option("河源","10");
subTypeForm.options[11]=new Option("潮阳","11");
subTypeForm.options[12]=new Option("揭阳","12");
subTypeForm.options[13]=new Option("南海","13");
subTypeForm.options[14]=new Option("其它","14");
subTypeForm.options[0].selected=true;
break;
case "6"://广西
subTypeForm.options[0]=new Option("南宁","0");
subTypeForm.options[1]=new Option("柳州","1");
subTypeForm.options[2]=new Option("桂林","2");
subTypeForm.options[3]=new Option("北海","3");
subTypeForm.options[4]=new Option("合山","4");
subTypeForm.options[5]=new Option("凭祥","5");
subTypeForm.options[6]=new Option("梧州","6");
subTypeForm.options[7]=new Option("玉林","7");
subTypeForm.options[8]=new Option("其它","8");
subTypeForm.options[0].selected=true;
break;
case "2"://北京
subTypeForm.options[0]=new Option("北京","0");
subTypeForm.options[0].selected=true;
break;
case "8"://海南
subTypeForm.options[0]=new Option("海口","0");
subTypeForm.options[1]=new Option("三亚","1");
subTypeForm.options[2]=new Option("琼海","2");
subTypeForm.options[3]=new Option("儋州","3");
subTypeForm.options[4]=new Option("通什","4");
subTypeForm.options[5]=new Option("其它","5");
subTypeForm.options[0].selected=true;
break;
case "3"://福建
subTypeForm.options[0]=new Option("福州","0");
subTypeForm.options[1]=new Option("厦门","1");
subTypeForm.options[2]=new Option("泉州","2");
subTypeForm.options[3]=new Option("漳州","3");
subTypeForm.options[4]=new Option("南平","4");
subTypeForm.options[5]=new Option("三明","5");
subTypeForm.options[6]=new Option("莆田","6");
subTypeForm.options[7]=new Option("龙岩","7");
subTypeForm.options[8]=new Option("晋江","8");
subTypeForm.options[9]=new Option("武夷山","9");
subTypeForm.options[10]=new Option("永安","10");
subTypeForm.options[11]=new Option("石狮","11");
subTypeForm.options[12]=new Option("其它","12");
subTypeForm.options[0].selected=true;
break;
case "26"://天津
subTypeForm.options[0]=new Option("天津","0");
subTypeForm.options[0].selected=true;
break;
case "13"://湖南
subTypeForm.options[0]=new Option("长沙","0");
subTypeForm.options[1]=new Option("衡阳","1");
subTypeForm.options[2]=new Option("邵阳","2");
subTypeForm.options[3]=new Option("湘潭","3");
subTypeForm.options[4]=new Option("岳阳","4");
subTypeForm.options[5]=new Option("株洲","5");
subTypeForm.options[6]=new Option("常德","6");
subTypeForm.options[7]=new Option("津市","7");
subTypeForm.options[8]=new Option("耒阳","8");
subTypeForm.options[9]=new Option("醴陵","9");
subTypeForm.options[10]=new Option("益阳","10");
subTypeForm.options[11]=new Option("张家界","11");
subTypeForm.options[12]=new Option("其它","12");
subTypeForm.options[0].selected=true;
break;
case "12"://湖北
subTypeForm.options[0]=new Option("武汉","0");
subTypeForm.options[1]=new Option("黄石","1");
subTypeForm.options[2]=new Option("荆沙","2");
subTypeForm.options[3]=new Option("十堰","3");
subTypeForm.options[4]=new Option("襄樊","4");
subTypeForm.options[5]=new Option("宜昌","5");
subTypeForm.options[6]=new Option("鄂州","6");
subTypeForm.options[7]=new Option("黄冈","7");
subTypeForm.options[8]=new Option("随州","8");
subTypeForm.options[9]=new Option("荆门","9");
subTypeForm.options[10]=new Option("老河口","10");
subTypeForm.options[11]=new Option("其它","11");
subTypeForm.options[0].selected=true;
break;
case "10"://河南
subTypeForm.options[0]=new Option("郑州","0");
subTypeForm.options[1]=new Option("焦作","1");
subTypeForm.options[2]=new Option("商丘","2");
subTypeForm.options[3]=new Option("洛阳","3");
subTypeForm.options[4]=new Option("平顶山","4");
subTypeForm.options[5]=new Option("鹤壁","5");
subTypeForm.options[6]=new Option("新乡","6");
subTypeForm.options[7]=new Option("安阳","7");
subTypeForm.options[8]=new Option("开封","8");
subTypeForm.options[9]=new Option("漯河","9");
subTypeForm.options[10]=new Option("南阳","10");
subTypeForm.options[11]=new Option("南阳","11");
subTypeForm.options[12]=new Option("濮阳","12");
subTypeForm.options[13]=new Option("三门峡","13");
subTypeForm.options[14]=new Option("信阳","14");
subTypeForm.options[15]=new Option("许昌","15");
subTypeForm.options[16]=new Option("驻马店","16");
subTypeForm.options[17]=new Option("周口","17");
subTypeForm.options[18]=new Option("其他","18");
subTypeForm.options[0].selected=true;
break;
case "9"://河北
subTypeForm.options[0]=new Option("石家庄","0");
subTypeForm.options[1]=new Option("唐山","1");
subTypeForm.options[2]=new Option("邯郸","2");
subTypeForm.o
个人收集的javascript一些特效
需积分: 0 169 浏览量
更新于2008-12-25
收藏 280KB RAR 举报
JavaScript是一种广泛应用于网页和网络应用的编程语言,它在客户端运行,为用户提供动态、交互性的体验。本压缩包集合了我个人收集的一些JavaScript特效,旨在帮助开发者们提升网站的用户体验和视觉吸引力。
JavaScript特效的核心在于DOM(文档对象模型)操作。DOM是HTML和XML文档的结构表示,通过JavaScript可以轻松地查找、修改或添加页面元素。例如,我们可以使用`document.getElementById()`或`querySelector()`来选择特定元素,然后通过`.style`属性改变其样式,实现动画效果或者响应式设计。
其中,动画效果是JavaScript特效中的重要组成部分。通过定时器(如`setInterval()`或`setTimeout()`),我们可以逐步改变元素的位置、大小、颜色等属性,创建出平滑的过渡效果。例如,滑动门、淡入淡出、旋转、缩放等都是常见的JavaScript动画效果。这些效果可以通过CSS3的`transition`和`animation`属性进一步优化,但在老版本浏览器中,JavaScript仍然是实现动画的关键。
事件处理是另一个关键知识点。JavaScript允许我们监听并响应用户的行为,如点击、滚动、鼠标悬停等。通过`addEventListener()`函数,我们可以为元素绑定事件处理器,执行相应的函数。例如,一个常见的特效是图片轮播,当用户点击按钮时,图片会自动切换到下一张。
此外,JavaScript还可以用于实现交互式表单验证,提高用户输入的准确性和安全性。通过`event.preventDefault()`阻止默认行为,配合正则表达式验证输入,我们可以确保用户在提交表单前满足特定条件。
JavaScript库和框架如jQuery、React、Vue等,极大地简化了特效的实现。它们提供了丰富的API和工具,使得开发人员能更高效地编写代码,同时减少浏览器兼容性问题。例如,jQuery的`$.animate()`方法使得创建复杂的动画变得轻而易举,Vue的`v-if`和`v-show`指令则可以帮助我们动态控制元素的显示和隐藏。
随着WebGL和Three.js等技术的发展,JavaScript甚至可以用于创建2D和3D图形,实现复杂的视觉效果。例如,粒子系统、3D旋转、实时渲染等,这些都需要对图形学有一定理解,但JavaScript为此提供了可能。
这个压缩包中的JavaScript特效涵盖了DOM操作、动画、事件处理、表单验证以及高级图形渲染等多个方面。无论是初学者还是经验丰富的开发者,都可以从中学习到实用的技巧和灵感,为自己的项目增添更多动态魅力。