本文实例讲述了射流研究…实现的简单标签点击切换功能。分享给大家供大家参考，具体如下：

先来看看运行效果：

具体代码如下：

！titlewww.jb51.net我们/title style * { margin : 0；padd : 0；} ul { list-style-type : no；} .盒子{宽度： 400像素重量： 300像素边界： 1像素固体# cccmargin: 100px自动；飞越：隐藏；} .hd { height: 45px}。高清跨度{显示器： in-block；宽度： 90px背景-颜色：粉色；线高： 45px文本对齐：中心；光标：指针；} .高清跨度。当前{背景色：黄绿色；} .bd li { height: 255px背景色：黄绿色；显示器：无；} .bd li.current { display: block块块；font-size : 36px}/style/head dydiv class=' box ' id=' box ' div class=' HD ' span class=' current '体育/span跨度娱乐/span跨度新闻/span跨度综合/span/div div class=' BD ' ul Li class=' current '我是体育模块/li li我是娱乐模块/li li我是新闻模块/li li我是综合模块/Li/ul/div/div脚本var box=文档。getelementbyid(' box ')；var spans=box。getelementsbytagname(' span ')；var lis=box。getelementsbytagname(' Li ')；for(var I=0；长度；i ) { spans[i].AAA=I；跨度[i].onclick=function(){ for(var I=0；长度；i ) { spans[i].类名=lis[i].class NAmE=} this . class NAmE=' current lis[this . AAA].className=' current} }/脚本/正文/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript切换特效与技巧总结》 、 《JavaScript遍历算法与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。