侧边栏_扩展部分_网站宝库

默认效果

左侧右侧顶部底部

1 <a class="ui-btn ui-offside-show" href="javascript:;" data-target="#ui-offside-left">左侧</a>
<a class="ui-btn ui-btn-red ui-offside-show" href="javascript:;" data-target="#ui-offside-right">右侧</a>
<a class="ui-btn ui-btn-blue ui-offside-show" href="javascript:;" data-target="#ui-offside-top">顶部</a>
<a class="ui-btn ui-btn-yellow ui-offside-show" href="javascript:;" data-target="#ui-offside-bottom">底部</a>

Push效果

左侧右侧顶部底部(无效)

1 <a class="ui-btn ui-offside-show" href="javascript:;" data-target="#ui-offside-left" data-push="true">左侧</a>
<a class="ui-btn ui-btn-red ui-offside-show" href="javascript:;" data-target="#ui-offside-right" data-push="true">右侧</a>
<a class="ui-btn ui-btn-blue ui-offside-show" href="javascript:;" data-target="#ui-offside-top" data-push="true">顶部</a>
<a class="ui-btn ui-btn-yellow ui-offside-show" href="javascript:;" data-target="#ui-offside-bottom">底部(无效)</a>

Js调用

代码演示

12 <script>
$(function()
{
	/*Js开启侧边栏*/
	$("#ui-offside-left").ui-offside('show');

	/*Js关闭侧边栏*/
	$("#ui-offside-left").ui-offside('close')
})
</script>