手机版

基于爪哇岛描述语言实现二级联动菜单效果

时间:2021-09-16 来源:互联网 编辑:宝哥软件园 浏览:

本文实例为大家分享了爪哇岛描述语言实现二级联动菜单效果的对应代码,具体内容如下

效果图如下:

具体实现步骤如下:1.所用射流研究…代码如下:

脚本类型=' text/JavaScript ' var arr _省份=['请选择省份/城市','北京市','上海市','天津市','河南省','山东省','河北省'];var arr _ city=[[]请选择城市/地区'], ['中关村','海淀区','朝阳区','昌平区','丰台区','大兴区'], ['宝坻区','浦东新区','长宁区','徐汇区','虹口区','宝山区'], ['和平区','河东区','河西区','塘沽区','大港区','北辰区'], ['郑州市','洛阳市','商丘市','开封市','安阳市','濮阳市'], ['济南市','青岛市','烟台市','德州市'], ['石家庄','菏泽市','唐山市'], ];函数init(){ var省份=document.form1。省份;省。风格。宽度=150 ' pxvar city=文档。表格1。城市;城市。风格。宽度=150 ' px//给省赋值高度,才能在其里面写入内容省份。长度=arr _省份。长度;for(var I=0;iarr _省份。长度;I){ 0省份。选项[i].文本=arr _省份[一];省。选项[i].值=arr _省份[一];} //设置默认被选中的选项定义变量索引=0;省份。selectedindex=索引;//给城市赋值高度,才能在其里面写入内容city.length=arr_city[index].长度;for(var j=0;贾尔市[索引]。长度;j ) { city.options[j].text=arr _ city[index][j];city.options[j].value=arr _ city[index][j];} }函数select _ change(num){ var city=document。表格1。城市;城市。长度=0;city.length=arr_city[num].长度;for(var I=0;iarr_city[num].长度;{ city.options[i].text=arr _ city[num][I];city.options[i].value=arr _ city[num][I];}}/script2.body中的代码如下:

body onload='init()'表单名称='form1 '所在地区:选择名称='省on change=' select _ change(这。selectedindex)'/select城市:选择名称='城市'/选择/表单/正文第二个效果:1.利用爪哇岛描述语言来实现鼠标经过图片放大,鼠标移出图片恢复的效果,具体代码如下:

脚本类型=' text/JavaScript '函数init(){ var img 0=document。getelementbyid(' img 0 ');img 0。onmouseover=function(){ img 0。风格。宽度=img 0。offsetwidth * 1.5 ' px ' } img 0。onmouseout=function(){ img 0。风格。宽度=img 0。offset with/1.5 ' px ' } }/script 2 body .中的代码如下:

加载时的正文=' init()' img id=' img 0 ' src=' http : images/4。jpg '/正文以上就是本文的全部内容,希望对大家学习爪哇岛描述语言程序设计有所帮助。

版权声明:基于爪哇岛描述语言实现二级联动菜单效果是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。