js选项卡现在用CSS选项卡和JS选项卡哪个好， 各有什么优缺点

js实现TAB选项卡 比方说有三个选项 A B C 初始化时A B C有默认的不同的背景，当点击A时A背景改变 点击B时B

在表示标签的div的onmouseover里调一个js的function，这个函数设置背景即可， document.getElementById("标题id").style.backgroundImage=‘’

js的tab选项卡点击切换或隐藏用jQuery也行！快！

//注意：变量id一定要为数字！ //需要引用jQuery包 $("#t1 a").click(function(){ //获取id为t1的div下面的所有a标签 var id = $(this).attr("id").substr(5);//截取当前点击的对象的id属性的第6位及之后的字符 $("#t1 a").attr("class","");//使所有的a标签的class样式都为空 $(this).attr("class","sel");//使被点击的a标签更换class样式为sel $(".we").hide();//所有的class名为we的都隐藏 $("#w"+id).show();//让其中的一个class名为we并且id为w+id的div显示 })

CSS+JS选项卡的制作

你最好给个链接.给个列子.看看你想要做什么样儿的效果. 一般就是在某选项卡的onmouseover事件和onmouseout事件中修改相应的css. ---------------------- 如果你会做滑过去的效果.那就相当好办了..滑过去使用的是onmouseover事件.而类似携程网里的则用的是onclick事件.所以你只要把你的滑过去效果中onmouseover改为onclick就OK了.

现在用CSS选项卡和JS选项卡哪个好， 各有什么优缺点

JS选项卡可以实现更酷炫的动画效果，功能更加强大 CSS选项卡功能简单一些，但是加载速度一般会快一些 更重要的是，客户端的用户有时出于安全考虑会禁止JS，那么JS的效果就显示不出来的 而CSS文件是服务器端提供的，总是可以保证的