基于射流研究…实现简单的样式切换效果代码

本文实例讲述了基于射流研究…实现简单的样式切换效果。分享给大家供大家参考。具体如下：

这是一款基于射流研究…实现简单的样式切换代码，自由切换半铸钢钢性铸铁(铸造半钢)样式，很多大网站现在正在用，我觉得这是个挺实用的不错的功能，希望大家喜欢哦。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-simple-tab-cha-style-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312脚本语言=' JavaScript ' type=' text/JavaScript ' var LastObj=null；var LastIDx=1；函数测试(obj，idx){ if(！last obj){ last obj=文档。getelementbyid(' test ')；lastIdx=1；} LastObj。类名=' new ' LastIDxvar old=文档。getelementbyid(' list ' LastIDx)；如果(老了)老了。风格。显示='无'；物体。类名=' class ' idxvar n=文档。getelementbyid(' list ' idx)；if(n)n . styledisplay=' blocklast obj=ObjLastidx=idx }/script style type=' text/CSS ' .实现样式切换/title/head dya href=' # ' class 1 ' id=' test ' onclick=' test(this，1)' list 1/aa href=' # ' class=' new 2 ' onclick=' test(this，2)' list 2/adiv id=' list 1 ' test 1/div id=' list 2 ' style=' display : none ' test 2/div/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。