基于Java脚本语言实现图片连播和联级菜单实例代码

！DOCTYPE htmlhtml标题图片轮播/title style div{ border: 1px纯红；宽度宽度：218像素高度： 218像素；} .show { display : inline-block；} .隐藏{ display : none }/style meta charset=' UTF-8 '/头身！- onmouseover=' '鼠标悬停事件onmouseout=' '鼠标离开事件-div onmouseover=' pause 1()；'onmouseout=' lunbo()；'img src='http:/images/01。jpg ' class=' show '/img src=' http :/images/02。jpg ' class=' hide '/img src=' http :/images/03。jpg ' class=' hide '/img src=' http :/images/04。jpg ' class=' hide '/img src=' http :/images/05。jpg ' class=' hide '/img src=' http :/images/06。jpg ' class=' hide '//div script//轮播var id=nullvar索引=0;函数lunbo() { //轮播次数id=SetInterval(function(){ index；//获取所有图片var imgs=文档。getelementsbytagname(' img ')；//将他们隐藏for(var I=0；i imgs.lengthi ) { imgs[i].className=' hide} //将下一张隐藏var next=index % imgs.lengthimgs[下一步]。show}，2000年)；}函数pause 1(){ ClearInterval(id)；} //在页面加载后自动轮播lunbo()；/脚本/正文/html联级菜单实现

！DOCTYPE html html hearteta charset=' UTF-8 '！-脚本类型=' text/JAVAScript ' src=' http : de mo6。js /脚本-标题联动菜单/标题/床头柜省：选择id='省份on change=' chg()；'选项值='-1 '请选择/option选项值='0 '河北省/option选项值='1 '山东省/option选项值='2 '山西省/option /select市：选择id='city '选项请选择/option /select script /模拟加载城市函数loadCities() { return[ ['石家庄','廊坊','保定'], ['济南','青岛','德州'], ['太原','大同','阳泉'] ];} var city=LoadCities()；console.log(城市);函数chg(){ var sel 1=document。getelementbyid('省份');//获取省份var pindex=sel 1。价值；//获取该省份的城市var PCI ties=city[pindex]；控制台。日志；//删除城市下拉列表中的所有城市var sel 2=文档。getelementbyid(' city ')；var选项=sel 2。getelementsbytagname(' option ')；console.log(选项);for(var I=期权。长度-1；我；i - ){ sel2.removeChild(选项[I])；} //在增加该省份城市if(PCI ties){ for(var I=0；IPC城市。长度；OPN=文件。创建元素('选项')；OPN。InnerHTMl=PCI ties[I]；sel 2。阑尾切除术(OPN)；} } }/脚本/正文/html总结

以上所述是小编给大家介绍的基于Java脚本语言实现图片连播和联级菜单实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！