本文实例讲述了射流研究…实现的不规则拉环选项卡效果代码。分享给大家供大家参考。具体如下：

这是一款采用菱形的选项卡效果，一改选项卡中规中矩的风格，效果非常不错，奉献给大家。

运行效果截图如下：

在线演示地址如下：

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

具体代码如下：

html health eta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题不规则拉环选项卡效果/titlestyle type='text/css '！- body，TD { font-size : 12px}.制表符{页边距-顶部：100像素} #制表符03 C1 {宽度：346像素；高度：100 px线高：100 px边框-左侧：#757575 1px实心；边框-底部：#757575 1px实心；右边框：#757575 1px实心；} # TabtaB 03 C2 {宽度：346 px高度：100 px线高：100 px边框-左侧：#757575 1px实心；边框-底部：#757575 1px实心；右边框：#757575 1px实心；} # TabtaB 03 C3 {宽度：346 px高度：100 px线高：100 px边框-左侧：#757575 1px实心；边框-底部：#757575 1px实心；右边框：#757575 1px实心；} .Xixi 1 {宽度：346 px高度：27 px线高：27 px背景图像： URL(图像/标签01。jpg)；光标：指针指针；} .西溪2 {宽度：346 px高度：27 px线高：27 px背景图像： URL(图像/标签02。jpg)；光标：指针指针；} .西溪3 {宽度：346 px高度：27 px线高：27 px背景图像： URL(图像/标签03。jpg)；光标：指针指针；} .选项卡1 {宽度：115 px高度：27 px线高：27 pxfloat:left文本对齐：居中；光标：指针指针；} .选项卡2 {宽度：115 px高度：27 px线高：27 pxfloat:left文本对齐：居中；光标：指针指针；color: # FFFFFF}。tab 3 {宽度：115 px高度：27 px线高：27 pxfloat:left文本对齐：居中；光标：指针指针；color : # FFFFFF }-/style/head body style=' text-align : center '脚本类型=文本/javascript函数settab 03 syn(I){ selecttab 03 syn(I)；}功能选择选项卡03 syn(I){ switch(I){ case 1:文档。getelementbyid(' tab tab tab 03 con 1 ')。风格。display=' block文件。getelementbyid(' tabtab 03 C2 ')。风格。显示='无'；文件。getelementbyid(' tabtab 03 C3 ')。风格。显示='无'；文件。getelementbyid(' font 1 ')。风格。color=' # 000000文件。getelementbyid(' font 2 ')。风格。color=' # ffffff文件。getelementbyid(' font 3 ')。风格。color=' # ffffff打破；案例2:文件。getelementbyid(' tabb 03 con 1 ')。风格。显示='无'；文件。getelementbyid(' tabtab 03 C2 ')。风格。display=' block文件。getelementbyid(' tabtab 03 C3 ')。风格。显示='无'；文件。getelementbyid(' font 1 ')。风格。color=' # ffffff文件。getelementbyid(' font 2 ')。风格。color=' # 000000文件。getelementbyid(' font 3 ')。风格。color=' # ffffff打破；案例：文件。getelementbyid(' tabb 03 con 1 ')。风格。显示='无'；文件。getelementbyid(' tabtab 03 C2 ')。风格。显示='无'；文件。getelementbyid(' tabtab 03 C3 ')。风格。display=' block文件。getelementbyid(' font 1 ')。风格。color=' # ffffff文件。getelementbyid(' font 2 ')。风格。color=' # ffffff文件。getelementbyid(' font 3 ')。风格。color=' # 000000打破；} }/script div class=' tab ' div id=' BG ' class=' Xixi 1 ' div id=' font 1 ' class=' tab 1 ' onMouseOver=' settab 03 syn(1)；document.getElementById('bg ').className='xixi1 ' '查询广告企业/div div id=' font 2 ' class=' tab 2 ' onMouseOver=' settab 03 syn(2)；document.getElementById('bg ').className='xixi2 ' '查询媒体刊例/div div id=' font 3 ' class=' tab 3 ' onMouseOver=' settab 03 syn(3)；document.getElementById('bg ').西溪3 '查询供求商情/div/div id=Tabtab 03 C1不规则拉环选项卡效果/div div id=tabb 03 C2风格='显示：无'内容2/div div id=TabtaB 03 C3风格='显示：无'内容3/div/正文/html希望本文所述对大家的Java脚本语言程序设计有所帮助。