jquery ui 插件实例（2）

jjjy00

于 2012-12-18 19:53:00 发布

阅读量234

点赞数

2、模拟tabs效果

js效果

[javascript] view plain copy print ?

[javascript] view plain copy print ?

<script language="javascript" type="text/javascript" src="./js/jquery-1.7.1.min.js">
</script>
<script language="javascript" type="text/javascript" src="./js/jquery-ui-1.8.18.custom.min.js"></script>
<script language="javascript" type="text/javascript">
//当窗体加载完毕时候触发该匿名函数
//$(document) //dom对象转化为jquery对象
//.ready(function(){})
$(function(){
$("#tabs").tabs({ //根据id选择器获取当前id选择器的jquery对象
event:"click", //
//disabled:[1], //面板不可用 1 代表的第二面板不可用
fx:{
opacity:'toggle' //透明度从无到有的动画效果
},
selected:1 //默认选择 1
});
})
</script>