可多次使用的仿126邮箱选项卡的源码_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:38:11

可多次使用的仿126邮箱选项卡的源码_javascript技巧

可多次使用的仿126邮箱选项卡的源码_javascript技巧:选项卡我们这论坛里有不少,但同一个页面可以多次使用的可能没多少,我这个可以在同一个页面里可以有多个选项卡块.用了一个背景图.背景图片已上传上去了,支持我的帮顶一下,俺昨天花费几个小时啊.终于适应Ie,ff 浏览器.现在所有代码公开给大家.希望大家喜欢.要

推荐度：

点击下载本文 文档为doc格式

导读可多次使用的仿126邮箱选项卡的源码_javascript技巧:选项卡我们这论坛里有不少,但同一个页面可以多次使用的可能没多少,我这个可以在同一个页面里可以有多个选项卡块.用了一个背景图.背景图片已上传上去了,支持我的帮顶一下,俺昨天花费几个小时啊.终于适应Ie,ff 浏览器.现在所有代码公开给大家.希望大家喜欢.要

选项卡我们这论坛里有不少,但同一个页面可以多次使用的可能没多少,我这个可以在同一个页面里可以有多个选项卡块.用了一个背景图.

背景图片已上传上去了,支持我的帮顶一下,俺昨天花费几个小时啊.
终于适应Ie,ff 浏览器.现在所有代码公开给大家.希望大家喜欢.要用的赶紧拿去用吧.
类似于下面效果.

再加一个div块时只要

新闻1

新闻2

新闻3

新闻4

two_1" >新闻列表1
新闻列表2
新闻列表3
新闻列表4

看到上面的two没有,把上面的这段复制下,把two改成three,或任何一个不同名的id,就完成了.
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <title>简洁Tab</title> <style type="text/css"> </style> </ script> </head> <body> <li id="one1" onclick="setTab('one',1,4)" >新闻1</li> <li id="one2" onclick="setTab('one',2,4)" >新闻2</li> <li id="one3" onclick="setTab('one',3,4)">新闻3</li> <li id="one4" onclick="setTab('one',4,4)">新闻4</li> 新闻列表1 新闻列表2 新闻列表3 新闻列表4 <li id="two1" onclick="setTab('two',1,4)" >新闻1</li> <li id="two2" onclick="setTab('two',2,4)" >新闻2</li> <li id="two3" onclick="setTab('two',3,4)">新闻3</li> <li id="two4" onclick="setTab('two',4,4)">新闻4</li> 新闻列表1 新闻列表2 新闻列表3 新闻列表4 </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
忘记说了tab2也要改,改成tab3吧,同一个页面div,id总不能重复吧.

可多次使用的仿126邮箱选项卡的源码_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：可多次使用的仿126邮箱选项卡的源码_javascript技巧可多次使用的仿126邮箱选项卡的源码可多次使用的仿126邮箱选项卡

热门焦点

可多次使用的仿126邮箱选项卡的源码_javascript技巧

可多次使用的仿126邮箱选项卡的源码_javascript技巧

可多次使用的仿126邮箱选项卡的源码_javascript技巧

最新推荐

猜你喜欢

热门推荐