|
|
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
代碼說明
1.我的CSS分割為2段了，第一段為此演視用，可自己定制，第二段為此框架必須。
2.script我也分割為2段，第一段為必須，第二段為客戶定制的，我這里的代碼是給一個實現參考。
3.以下的HTML代碼為參考實現的必須容器代碼
復制代碼 代碼如下:
<ul id="itemsPanel">
</ul>
<div id="cardContent">
<iframe id="cardFrame">
</iframe>
</div>
使用介紹:
1.ItemsPanel對象
構造方法：new Asgard.CardProgram.ItemsPanel("itemsPanel","cardFrame").
接受的2個參數，第一個為ul容器ID，第二個為我們需要展現標簽對應的內容的irame的ID 。
ItemPanel對象使用addItem方法添加Item。
如果你需要創建多個ItemsPanel，可以自己參考我的范例來進行。
2.Item對象
構造方法：new Asgard.CardProgram.Item("index","時空創意","http://www.skst.com.cn",true)接受4個參數
第一個為打算創建的選項卡的id，第二個為打算創建的選項卡的標題，第三個為此選項卡對應的URL，第四個為是否為首頁，因為我們也許會打算創建一個默認頁面不允許關閉。當然如果你全部設置為true，那么也就是正常的選項卡效果了。
JavaScript技術：發一個比較漂亮的選項卡動態增刪的效果，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
