html5如何实现标签切换效果图,基于jQuery实现多标签页切换的效果(web前端开发)...

这里，实现多标签页效果的方法有两个，一个是基于DOM的，另一个是基于jquery的，此次我写的是一个对于一个电话套餐的不同，显示不同的标签页

方法一：

首先，我们要把页面的大体框架和样式写出来，html和css代码如下：

• 10元套餐
• 30元套餐
• 50元包月

10元套餐详情：
 每月套餐内拨打100分钟，超出部分2毛/分钟

30元套餐详情：
 每月套餐内拨打300分钟，超出部分1.5毛/分钟

50元包月详情：
 每月无限量随心打

css样式代码如下：

*{

margin:0;

padding: 0;

}

#tab li{

float: left;

list-style: none;

width: 80px;

height: 40px;

line-height: 40px;

cursor: pointer;

text-align: center;

}

#container{

position: relative;