网页设计关于下拉列表的代码

看看这个：<html><head><title>UntitledDocument</title>[xss_clean]//-----------------------------------------------------------------------------//函数搜索选择框//作者：Joshua//写作年份：2007-02-07//邮箱:JoshuaChen[at]126.com//网址:www.xcopy.cn//-----------------------------------------------------------------------------------------//本地varData_Area_Province=newArray("安徽","北京","福建","甘肃","广东","广西","贵州","海南","河北","河南","黑龙江",""湖北”、“湖南”、“吉林”、“江苏”、“江西”、“辽宁”、“内蒙古”、“宁夏”、"青海","山东","陕西","陕西","上海","四川","天津","西藏","新疆","云南","浙江","重庆");//城市区域varData_Area_City=newArray();Data_Area_City[0]=newArray("安庆","蚌埠","马鞍山","苏州","铜陵","芜湖","宣城","亳州");Data_Area_City[1]=newArray("北京");Data_Area_City[2]=newArray("福州","荣岩","南平","宁德","福田","泉州","三明","厦门","漳州");Data_Area_City[3]=newArray(《银》、《定西》、《天水源","武威","张掖");Data_Area_City[4]=newArray("潮州","东莞","佛山","广州","肇庆","中山","珠海");Data_Area_City[5]=newArray("100"Se","北海","崇左","防城港","桂林","贵港","河池","贺州","来宾","柳州","南宁","钦州","梧州""","榆林");Data_Area_City[6]=newArray("安生","维齐尔","贵阳","六盘水","铜仁","遵义");Data_Area_City[7]=newArray("白沙黎族自治县","乐东黎族自治县","万宁","文昌","五指山","儋州");Data_Area_City[8]=newArray("保定","常州","承德","邯郸","衡水","廊坊","秦皇岛","石家庄","唐山","邢台","张家口");Data_Area_City[9]=newArray("安阳","那个毕","济源","焦作","开封","洛阳","周口","驻马店","漯河","濮阳");Data_Area_City[10]=newArray("大庆","大兴安岭","哈尔滨","鹤岗","七台河","七七河""额尔","双鸭山","绥化","宜春");Data_Area_City[11]=newArray("鄂州","印西土图苗族自治州","黄冈","襄樊","孝感","宜昌");数据_区域_城市[12]=newArray("常德","长沙","野阳","张家界","莒州");Data_Area_City[13]=newArray("白城","白山","长春","吉林",""辽源"、“四平”、“松原”、“通化”、“延”韩中边境自治州");Data_Area_City[14]=newArray("常州","淮安","连云港","南京","南通","苏州","宿迁","泰州","无锡",“徐州”、“盐城”、“扬州”、"晋江";);Data_Area_City[15]=newArray("福州","赣州","吉安","景德镇","九江","南昌","凭祥","上老","新余","伊春","鹰潭");Data_Area_City[16]=newArray("鞍山","班城","朝阳","沉阳","瓦岭","营口");Data_Area_City[17]=newArray("阿尔沙盟","巴彦淖尔盟","包头","西林郭勒盟","兴安盟");Data_Area_City[18]=newArray("固原","石嘴山","吴中","银川");Data_Area_City[19]=newArray("果洛藏族自治州","西宁","玉树藏族自治州");Data_Area_City[20]=newArray("滨州","德州"、“东营”、“菏泽”、“潍坊”、“烟台”、"枣庄","淄博");Data_Area_City[21]=newArray("长治","大同","晋城","晋中","临汾","吕梁","朔州","太原","忻州”","阳泉","云庆");Data_Area_City[22]=newArray("安康","宝鸡","汉中","商洛","铜川","渭南","西安","咸阳","延安","榆林");Data_Area_City[23]=newArray("上海");Data_Area_City[24]=newArray("阿巴蒂别自治州","绵阳","南充","内江","攀枝花","遂宁","雅安","宜宾","资阳","自贡","泸州");Data_Area_City[25]=newArray("天津");Data_Area_City[26]=newArray("阿里","昌都","拉萨","灵吉","纳格","日喀则","山南");Data_Area_City[27]=newArray("阿克苏","和田","喀什","吐鲁番","乌鲁木齐","五甲渠","伊犁哈萨克自治州");Data_Area_City[28]=新的Array("宝山","于市","交通");Data_Area_City[29]=newArray("杭州","湖州","嘉兴","金华","丽水","宁波","绍兴","台州","温州","舟山","衢州");Data_Area_City[30]=newArray("重庆");//教育varData_School=newArray("初中","高中","中专","大学","本科","双学位")//行业varData_Industry=newArray(「计算机类」、「金融/证券/保险」、「金融」、「工业/工厂」、「技术员」、「机器/设备维修」、「电力」"电气","轻工","美容保健")//时间varData_Date=newArray("今天","3天内","1周内","半个月内","1个月内","3个月内","半年内","一年内","全部");//图层状态varDate_DivState=newArray()//鼠标焦点状态varfocusState=falsevarSearch=newObject();//-----------------------//Div标签事件初始化//Joshua2007-02-07//--------------------------------------Search.Init=function(){document.getElementById("Data_Area").onclick=Search.ShowArea.Init;document.getElementById("Data_School").onclick=Search.ShowSchool;document.getElementById("Data_Industry").onclick=Search.ShowIndustry;document.getElementById("Data_Date").onclick=Search.ShowDate;}//-----------------//创建Div对象//Joshua2007-02-07//-------------------Search.CreateDiv=function(obj,Id,X,Y,oWidth,oHeight){varObj_Div=document.createElement("div");Obj_Div.setAttribute("id",Id);Obj_Div.style.position="绝对";Obj_Div.style.Background="#fff";Obj_Div.style.zIndex="10000";Obj_Div.style.border="1pxsolid#CCCCCC";Obj_Div.style.padding="3px";Obj_Div.style.lineHeight="120%";Obj_Div.style.left=X+"px";Obj_Div.style.top=Y+"px";Obj_Div.style.whiteSpace="nowrap";Obj_Div.style.width=oWidth+"px";Obj_Div.style.height=oHeight+"px";obj.appendChild(Obj_Div);}/------------------//检查Div是否存在//Joshua2007-02-07//-------------------------Search.IsDiv=Function(ID){varresult=truetry{document.getElementById(Id)).a=1;}catch(e){result=false}return(result);}//-----------------------------//删除div对象//Joshua2007-02-07//-------------------------Search.RemoveDiv=function(Id){try{document.getElementById(Id).removeNode(true);}catch(e){}}//-------------//导航并清除无用的Div对象//Joshua2007-02-07//-------------Search.DelDiv=function(){try{document.getElementById("Div_Area").removeNode(true);document.getElementById("Data_Area")[xss_clean]="4"+document.getElementById("Data_Area").innerText.substring(1,document.getElementById("Data_Area").innerText.length);}catch(e){}try{document.getElementById("Div_School").removeNode(true);document.getElementById("Data_School")[xss_clean]="4"+document.getElementById("Data_School").innerText.substring(1,document.getElementById("Data_School").innerText.length);}catch(e){}try{document.getElementById("Div_Industry").removeNode(true);document.getElementById("Data_Industry")[xss_clean]="4"+document.getElementById("Data_Industry").innerText.substring(1,document.getElementById("Data_Industry").innerText.length);}catch(e){}尝试{document.getElementById("Div_Date").removeNode(true);document.getElementById("Data_Date")[xss_clean]="4"+document.getElementById("Data_Date").innerText.substring(1,document.getElementById("Data_Date").innerText.length);}catch(e){}}//--------------------------//失去焦点，Div对象清除//Joshua2007-02-07//---------------------Search.Lostfocus=function(){if(!focusState){try{document.getElementById("Div_Area").removeNode(true);document.getElementById("Data_Area")[xss_clean]="4"+document.getElementById("Data_Area").innerText.substring(1,document.getElementById("Data_Area").innerText.length);}catch(e){}尝试{document.getElementById("Div_School").removeNode(true);document.getElementById("Data_School")[xss_clean]="4"+document.getElementById("Data_School").innerText.substring(1,document.getElementById("Data_School").innerText.length);}catch(e){}try{document.getElementById("Div_Industry").removeNode(true);document.getElementById("Data_Industry")[xss_clean]="4"+document.getElementById("Data_Industry").innerText.substring(1,document.getElementById("Data_Industry").innerText.length);}catch(e){}try{document.getElementById("Div_Date").removeNode(true);document.getElementById("Data_Date")[xss_clean]="4"+document.getElementById("Data_Date").innerText.substring(1,document.getElementById("Data_Date").innerText.length);}catch(e){}}}Search.ShowArea=function(){}//空对象//----------------//区域菜单Show//Joshua2007-02-07//------------------------Search.ShowArea.Init=function(){focusState=true;Search.DelDiv()//删除另一个DIV标签if(!Search.IsDiv("Div_Area")){//检查对象是否已经创建，防止事件再次触发而多次创建对象//检查if对象已创建内容发生变化document.getElementById("Dataa_Area")[xss_clean]="6"+document.getElementById("Data_Area").innerText.substring(1,document.getElementById("Data_Area").innerText.length);//layerSearch.CreateDiv(document.body,"Div_Area",Search.getSelectPosition(document.getElementById("Data_Area"))[0],Search.getSelectPosition(document.getElementById("Data_Area"))显示[1]+12,80,0);//(vari=0;ifor(vari=0;iShowArea.InitCity(this.getAttribute("value"),this)}Obj_Span[xss_clean]=Data_Area_Province[i]+"4";document.getElementById("Div_Area").appendChild(Obj_Span);}}}//---------//按区域显示二级菜单//Joshua2007-02-07//----------------------Search.ShowArea.InitCity=function(oId,obj){if(!Search.IsDiv("Div_Area_City_"+oId)){//检查对象是否已创建以防止这种情况该事件导致对象被重复创建//删除多次，以防止再次触发。
for(vari=0;i4"+this.innerText;//Div删除DivobjectSearch.RemoveDiv("Div_Area");//恢复状态数组Date_DivState.length=0;}document.getElementById("Div_Area_City_"+oId).appendChild(Obj_Span);}}}}//--------------------//教育部运营//Joshua2007-02-07//-----Search.ShowSchool=Function(){focusState=true;Search.DelDiv();//删除另一个DIV标签if(!Search.IsDiv("Div_School")){//确保对象已设置，以便事件不会再次触发多次对象迭代创建document.getElementById("Data_School")[xss_clean]="字体大小：10px;颜色：#ff9900;\">6"+document.getElementById("Data_School").innerText.substring(1,document.getElementById("Data_School").innerText.length);Search.CreateDiv(document.body,"Div_School",Search.getSelectPosition(document.getElementById("Data_School"))[0],Search.getSelectPosition(document.getElementById("Data_School"))[1]+12,60,0);for(vari=0;i4"+this.innerText;Search.RemoveDiv("Div_School");}Obj_Span[xss_clean]=Data_School[i];document.getElementById("Div_School").appendChild(Obj_Span);}}}//--------------------------//工业部门操作//Joshua2007-02-07//---------Search.ShowIndustry=function(){focusState=true;Search.DelDiv();//删除另一个DIV标签if(!Search.IsDiv("Div_Industry")){//确保对象已设置好，以便事件不会再次触发并多次创建对象document.getElementById("Data_Industry")[xss_clean]="\"font-size:10px;color:#ff9900;\">6"+document.getElementById("Data_Industry").innerText.substring(1,document.getElementById("Data_Industry").innerText.length);Search.CreateDiv(文档.body,"Div_Industry",Search.getSelectPosition(document.getElementById("Data_Industry"))[0],Search.getSelectPosition(document.getElementById("Data_Industry"))[1]+12,160,0);for(vari=0;i<数据行业.length;i++){varObj_Span=document.createElement("div");Obj_Span.setAttribute("id","Div_Industry_"+i);Obj_Span.setAttribute("value",i);Obj_Span.style.cursor="指针";Obj_Span.onmouseover=函数on(){focusState=true;this.style.border="1pxsolid#827C5F";this.style.Background="#CEC497";}Obj_Span.onmouseout=function(){focusState=false;this.style.border="0pxsolid#ffffff";this.style.background="#fff";}Obj_Span.onclick=function(){document.getElementById("Data_Industry")[xss_clean]="4"+this.innerText;Search.RemoveDiv("Div_Industry");}Obj_Span[xss_clean]=Data_Industry[i];document.getElementById("Div_Industry").appendChild(Obj_Span);}}}//-----------------------------//时间分区操作//Joshua2007-02-07//-------------------------Search.ShowDate=function(){focusState=true;Search.DelDiv();//删除其他DIV标签if(!Search.IsDiv("Div_Date")){//决定是否创建对象，防止事件再次发生而多次创建对象。
Document.getElementById("Data_Date")[xss_clean]="6"+document.getElementById("Data_Date").innerText.substring(1,document.getElementById("Data_Date").innerText.length);Search.CreateDiv(document.body,"Div_Date",Search.getSelectPosition(document.getElementById("Data_Date"))[0],Search.getSelectPosition(document.getElementById("Data_Date"))[1]+12,60,0);for(vari=0;i4"+this.innerText;寻找。
RemoveDiv("Div_Date");}Obj_Span[xss_clean]=Data_Date[i];document.getElementById("Div_Date").appendChild(Obj_Span);}}}//----------------------//获取物体的坐标//------------Search.getSelectPosition=function(Gobj){varobjLeft=Gobj.offsetLeft;varobjTop=Gobj.offsetTop;varobjParent=Gobjj.offsetParent;while(objParent!=null){objLeft+=objParent.offsetLeft;objTop+=objParent.offsetTop;objParent=objParent.offsetParent;}return([objLeft,objTop]);}//--------------//页面初始化//-----------------------_window.onload=function(){Search.Init();}_window.document.onclick=function(){Search.Lostfocus();}[xss_clean]</head><body>4区域4教育4行业4小时</body></html>

网页设计里的js文件是什么

Node.js是网站中的一个标签，它实现什么是根据你网站的需要而定的。
其实也可以认为是网站的骨架。
如果你想学的话，可以仔细研究一下。
还有一些CSS+DIV之类的小网站你可以掌握。

HTML5期末大作业：基于HTML+CSS+JavaScript仿蘑菇街购物商城设计毕业论文源码

本文介绍了一套HTML+CSS+JS的网页设计源码，旨在满足学生网页设计作业的需求。
网页设计基于HTML+CSS布局，代码简单，适合初学者学习和使用。
网站源代码图像清晰、布局整齐、内容丰富、主题鲜明。
技术应用包括Div+CSS、鼠标特效、表格、导航栏特效、banner、表单、二级、三级页面等。
还考虑了视频、音频元素和Flash等多媒体应用程序。
网页设计分为四个部分：页眉、菜单导航栏（支持下拉）、中间内容部分和页脚，相互超链接可达三级页面。
页面风格统一，布局显示正常，菜单美观醒目，二级菜单能正常弹出和跳转。
网站中集成了JS特效，例如定时切换、手动切换图片新闻等。
合理运用gif、视频、音乐等多媒体元素和表单技术，保证页面清新、美观、大方，避免重复。
为了帮助更多前端开发者学习和成长，本文提供学习资源和技术支持。
欢迎一键点赞、评论、收藏支持。
请注意获取更多前端插件、炫酷的3D效果、图像显示、文本效果和全站模板、大学考试HTML模板、期末作业模板等。
在这里，众多前端开发者讨论前端Node知识，互相学习。
欢迎交流技术相关问题，获取更多源码和高质量文章。