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

JavaScript011

现在用CSS选项卡和JS选项卡哪个好, 各有什么优缺点,第1张

JS选项卡可以实现更酷炫的动画效果,功能更加强大

CSS选项卡功能简单一些,但是加载速度一般会快一些

更重要的是,客户端的用户有时出于安全考虑会禁止JS,那么JS的效果就显示不出来的

而CSS文件是服务器端提供的,总是可以保证的

首先js是不大可能控制选项卡的,再说每种浏览器也都有不一样的选项卡模式,你通过api去实现不太可能。

你可以转换思路,不要用真正的选项卡,而是自己写一个类似于选项卡的页面,可以点击切换页面等等。点击切换选项卡或提交按钮时ajax加载你想要的内容就可以了。

<div class="easyui-tabs" style="width:1100pxheight:850pxpadding:10px, 10px, 10px, 10px," id="tab" data-options="fit:true">

<div style="background:#D1EEEE" title="基本信息" id="tabControl1" style="text-align: centerborder: 0px solid" data-options="selected:true">

<div>

<div>

<script type="text/javascript">

$('#tab').tabs('add',{

title: '酒店图片',

content: '<iframe src="'+地址+'" scrolling="auto" frameborder="0" style="width:100%height:100%"></iframe>',

closable: false

})

</>