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
})
</>