中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

發(fā)一個比較漂亮的選項卡動態(tài)增刪的效果

先放個圖片,我改下代碼。


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
代碼說明
1.我的CSS分割為2段了,第一段為此演視用,可自己定制,第二段為此框架必須。
2.script我也分割為2段,第一段為必須,第二段為客戶定制的,我這里的代碼是給一個實現(xiàn)參考。
3.以下的HTML代碼為參考實現(xiàn)的必須容器代碼 
復(fù)制代碼 代碼如下:
<ul id="itemsPanel">
</ul>
<div id="cardContent">
    <iframe id="cardFrame">
    </iframe>
</div>
 
使用介紹:
1.ItemsPanel對象
   構(gòu)造方法:new Asgard.CardProgram.ItemsPanel("itemsPanel","cardFrame").
   接受的2個參數(shù),第一個為ul容器ID,第二個為我們需要展現(xiàn)標(biāo)簽對應(yīng)的內(nèi)容的irame的ID 。
   ItemPanel對象使用addItem方法添加Item。
   如果你需要創(chuàng)建多個ItemsPanel,可以自己參考我的范例來進(jìn)行。
2.Item對象
   構(gòu)造方法:new Asgard.CardProgram.Item("index","時空創(chuàng)意","http://www.skst.com.cn",true)接受4個參數(shù)
   第一個為打算創(chuàng)建的選項卡的id,第二個為打算創(chuàng)建的選項卡的標(biāo)題,第三個為此選項卡對應(yīng)的URL,第四個為是否為首頁,因為我們也許會打算創(chuàng)建一個默認(rèn)頁面不允許關(guān)閉。當(dāng)然如果你全部設(shè)置為true,那么也就是正常的選項卡效果了。

JavaScript技術(shù)發(fā)一個比較漂亮的選項卡動態(tài)增刪的效果,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产一区二区精 | 91一区二区三区 | 欧美在线观看黄色 | 在线观看av网站 | 国产精品一区二区久久 | 成人欧美一区二区三区黑人孕妇 | 亚洲成人蜜桃 | 亚洲一区二区高清 | 欧美国产日韩在线 | 国产一区二区三区四区 | 亚洲精品一区二区 | 黄网站涩免费蜜桃网站 | 久久国产精品网站 | 天天亚洲 | 欧美三区在线观看 | 午夜私人影院在线观看 | 亚洲电影一区二区三区 | 亚洲精品一区在线观看 | 在线播放中文字幕 | 欧美成人一级 | 国产一级视频在线 | 亚洲一区二区三区四区五区中文 | 国产原创视频 | 91久久精品国产免费一区 | 午夜精品久久久久久久久久久久久 | 中文字幕男人的天堂 | 亚洲v日韩v综合v精品v | 91福利在线导航 | 婷婷丁香在线视频 | 日韩精品免费视频 | 成人黄色av网站 | 国产免费一区二区三区网站免费 | 亚洲在线一区二区 | 中文字幕99| 91在线观看 | www日韩高清 | 麻豆视频在线免费看 | 国产成人精品一区二区 | 人碰人操| 国产高清精品一区二区三区 | 一区二区三区在线观看免费视频 |