jquery面板,jquery面板切换

jquery easyui layout 怎样添加和删除面板

参考下面代码：

div id="gpyDiv" class="easyui-layout" fit=true style="width:100%;height:100%;"

div data-options="region:'south',title:'South Title',split:true" style="height:100px;"/div

div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"/div

div data-options="region:'west',title:'West',split:true" style="width:100px;"/div

div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"/div

/div

a href="JavaScript:void(0)" class="easyui-linkbutton" value="Scan" id="BtnScan" data-options="iconCls:'icon-print'" onclick="javascript:addPanel()" 添加面板/a

a href="javascript:void(0)" class="easyui-linkbutton" value="Scan" id="BtnScan" data-options="iconCls:'icon-print'" onclick="javascript:deletePanel()" 删除面板/a

/*添加div*/

function addPanel(){

$("#gpyDiv").layout('add',{

region: 'south',

width: '100%',

height:200

});

}

/*删除div*/

function deletePanel(){

$("#gpyDiv").layout('remove','south');

}

相关问答

Q1: jquery在面板淡入的过程中，单击按钮，停止面板的淡入。

你这个停止是保持现在淡入的效果，还是恢复之前的，如果保持现在效果的话，你要用到animotion动画了，如果不是，你只需fadein fadeout 就可以了

Q2: jQueryEasyUIpanel的collapse和expand方法怎么使用

$('#docId').panel({

...,

collapsed:true,//定义该面板初始化为折叠状态

collapsible:true,//定义该面板的折叠按钮为显示状态

//当面板处于‘展开’状态时,点击折叠按钮触发折叠事件

onBeforeCollpase:function(){

//该面板在点击折叠按钮后,执行折叠动作之前要做的处理（方法）

},

onCollpase:function(){

//该面板在点击折叠按钮后,执行折叠动作时要做的处理（方法）

},

//当面板处于‘折叠’状态时,点击折叠按钮触发展开事件

onBeforeExpand:function(){

//该面板在点击折叠按钮后,执行展开动作之前要做的处理（方法）

},

onExpand:function(){

//该面板在点击折叠按钮后,执行展开动作时要做的处理（方法）

},

Q3: Jquery点击一次添加样式，再次点击删除样式，但没效果，怎么回事？

一、你选择$（this）.sibings（）.addClass（"active"）就可以删除样式。

二、添加样式的步骤如下：

（1）调出样式控制面板，选择菜单，点击窗口，点击样式；

（2）点击样式面版右边的小三角形，会看到一排下拉菜单；

（3）选择你下载并解压的样式文件，点载入；

（4）载入后就可以在样式面板上看到刚才载入的样式；

（5）选择你要加样式的图形或文字等，点样式图案就可以应用效果；

（6）如果你觉得不好的样式效果你可以直接在样式上面按鼠标右键选择删除样式。

Q4: 怎么用jquery实现阅读器中夜间和白天的面板中“背景”切换的交互开发呢？

.day .night

定义两个类，分别代表 白天和黑夜 。

在点击切换的时候，删除当前这个，然后赋给新的一个，这样背景样式就能套上了。

或者只定义一个晚上，当点击，就加上这个类，再点击就删掉。

Q5: 谁帮我抠下jQuery里面的面板特效啊

作为一个专业前端，我天天都在用jQuery，我咋就不知道 面板特效 是啥东西呢？ 描述一下呗？

jQuery本身的功能都很干净的，是一个整体，不能‘抠’。

你要把想要的功能描述出来能够让别人理解，才能够帮助到你。