sprytabbedpanels.js库之在页面中插入Tabbed Panels
生活随笔
收集整理的這篇文章主要介紹了
sprytabbedpanels.js库之在页面中插入Tabbed Panels
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<div id="TabbedPanels1" class="TabbedPanels">
</div>
<div class="TabbedPanels" id="TabbedPanels1">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab">Tab 1</li>?
<li class="TabbedPanelsTab">Tab 2</li>?
<li class="TabbedPanelsTab">Tab 3</li>?
<li class="TabbedPanelsTab">Tab 4</li>
</ul>
</div>
在這個例子在加入4個標簽,你可以加入無限個標簽.
<div id="TabbedPanels1" class="TabbedPanels"> . . . </div> <script type="text/javascript">var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1"); </script>
最終代碼如下:
<head> . . .<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" /><script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script> </head> <body><div class="TabbedPanels" id="TabbedPanels1"><ul class="TabbedPanelsTabGroup"><li class="TabbedPanelsTab">Tab 1</li> <li class="TabbedPanelsTab">Tab 2</li> <li class="TabbedPanelsTab">Tab 3</li> <li class="TabbedPanelsTab">Tab 4</li></ul><div class="TabbedPanelsContentGroup"><div class="TabbedPanelsContent">Tab 1 Content</div><div class="TabbedPanelsContent">Tab 2 Content</div><div class="TabbedPanelsContent">Tab 3 Content</div> <div class="TabbedPanelsContent">Tab 4 Content</div> </div></div> <script type="text/javascript">var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1"); </script> </body></body>轉載于:https://www.cnblogs.com/milantgh/p/3662729.html
總結
以上是生活随笔為你收集整理的sprytabbedpanels.js库之在页面中插入Tabbed Panels的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： How to not show unne
- 下一篇： artDialog组件应用学习（五）