Tab选项卡代码，鼠标点击链接切换效果

发布时间：2018-10-12 08:45:11 所属栏目：政策来源：站长网

导读：Tab选项卡代码，鼠标点击链接切换效果。由于自己对JS不是太精通，因此写了好长时间才实现的Tab选项卡的效果，自认为兼容性超好的，希望高手不要拍砖呀！代码内预留了图片修饰的空位，自己做图片，把地址改下就行了。示例： htmlheadmeta http-equiv=Conte

　　Tab选项卡代码，鼠标点击链接切换效果。由于自己对JS不是太精通，因此写了好长时间才实现的Tab选项卡的效果，自认为兼容性超好的，希望高手不要拍砖呀！代码内预留了图片修饰的空位，自己做图片，把地址改下就行了。

　　示例：

<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <title>常用的Tab选项卡效果</title> <style type="text/css">  </style> <script>  </script> </head> <body> <br /> <br />  <div id="tabs1"> <div class="menu1box"> <ul id="menu1"> <li class="hover" onclick="setTab(1,0)">网站建设</li> <li onclick="setTab(1,1)">SEO优化</li> <li onclick="setTab(1,2)">煤球机器</li> </ul> </div> <div class="main1box"> <div class="main" id="main1"> <ul class="block"> <li><a href="###">网站的网络营销方案怎么写</a></li> <li><a href="###">企业如何做好网站建设营销SEM </a></li> <li><a href="###">搜索引擎营销SEM的目的是什么</a></li> <li><a href="###">如何让搜索引擎收录更多的网站</a></li> <li><a href="###">网站SEO优化之百度搜索引擎</a></li> </ul> <ul> <li><a href="###" title="网站推广之如何更好的把自己的">网站推广之如何更好的把自己的</a></li> <li><a href="###">网站建设过程中网站标题的SEO</a></li> <li><a href="###">搜索引擎SEO营销(SEM)的服务流程</a></li> <li><a href="###">搜索引擎营销SEM的目的是什么</a></li> <li><a href="###">网站SEO之如何增加百度的相关域</a></li> <li><a href="###">做一个网站多少钱？能不能先报个价</a></li> <li><a href="###">来自Jary的博客2来自Jary的博客2</a></li> </ul> <ul> <li><a href="###" title="煤球机">煤球机设备的修理方法</a></li> <li><a href="###" title="煤球机">国内外煤球机的厂家是哪些</a></li> <li><a href="###" title="煤球机厂家">煤球是如何做出来的</a></li> <li><a href="###" title="煤球机公司">有没有最好的煤球机机器设备</a></li> <li><a href="###" title="河南煤球机">国内常见的煤球机设备</a></li> </ul> </div> </div> </div> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：南平站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!