jQuery點擊滑動展開側邊固定層面板代碼



126 502 168



特效描述:點擊滑動展開 側邊固定層面板,jQuery側邊固定層面板

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.panelslider.min.js"></script>

2. HTML代碼

<div id="page">
	<h1>板滑塊的例子</h1>
	<a id="left-panel-link" href="#left-panel">打開左面板</a> |
	<a id="right-panel-link" href="#right-panel">打開右面板</a>
	<hr />
</div>
<!-- Left panel -->
<div id="left-panel" class="panel">
	<h2>左側面板</h2>
	<p>點擊任何外部面板關閉它。</p>
</div>
<!-- Right panel -->
<div id="right-panel" class="panel">
	<h2>右側面板</h2>
	<p>單擊該面板不會關閉它,因為外面 <code>clickClose = false</code></p>
	<button id="close-panel-bt">關閉</button>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$('#left-panel-link').panelslider();
	$('#right-panel-link').panelslider({side: 'right', clickClose: false, duration: 200 });
	$('#close-panel-bt').click(function() {
		$.panelslider.close();
	});
});
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 收縮展開 展開收縮 收縮 展開 切換按鈕 表單 表單美化 表單插件 表單美化插件 收縮菜單 收縮導航 圖片滑動 圖片滑塊 按鈕控制
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表