最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

基于jquery的一個(gè)OutlookBar類(lèi)，動(dòng)態(tài)創(chuàng)建導(dǎo)航條

 更新時(shí)間：2010年11月19日 16:34:41   作者：  
初學(xué)jquery，如有錯(cuò)誤，請(qǐng)高手們指出想看效果及完整代碼的可以下載rar包

圖示效果：

演示地址：http://demo.jb51.net/js/menu_jquery/index.html
下載地址：http://xiazai.jb51.net/201011/yuanma/menu_jquery.rar
OutlookBar.js

復(fù)制代碼 代碼如下:

function OutlookBar(targetName)//targetName:右側(cè)iframe的name
{
//創(chuàng)建標(biāo)題
this.AddTitle=function(menuid,menutitle,openor){
$("body").append("<div id="+menuid+" class='menu_down' ><span>"+menutitle+"</span></div><div id=child_"+menuid+" class='menuChild'></div><div class='jiange'></div>");
if(openor==false)
{
$("#child_"+menuid).hide();
$("#"+menuid).removeClass("menu_down");
$("#"+menuid).addClass("menu_up");
}
$("#"+menuid).click(function(){
if(openor==false){
$("#child_"+menuid).slideDown("fast");
$("#"+menuid).removeClass("menu_up");
$("#"+menuid).addClass("menu_down");
openor=true;
}
else
{
$("#child_"+menuid).slideUp("fast");
$("#"+menuid).removeClass("menu_down");
$("#"+menuid).addClass("menu_up");
openor=false;
}
})
}
//創(chuàng)建子項(xiàng)
this.AddItem=function(menuid,menuchildtext,childurl){
$("#child_"+menuid).append("<li><a target='"+targetName+"' href='"+childurl+"'>"+menuchildtext+"</a></li>");
}
}

使用創(chuàng)建導(dǎo)航條
復(fù)制代碼 代碼如下:

<script type="text/javascript">
$(function(){
var cc=new OutlookBar('BoardList');//targetName:右側(cè)iframe的name
cc.AddTitle('a','搜索引擎',true);//ID名，顯示名，是否打開(kāi)狀態(tài)
cc.AddItem('a','百度','http://baidu.com');
cc.AddItem('a','google','http://google.com');
cc.AddTitle('b','門(mén)戶(hù)網(wǎng)站',false);
cc.AddItem('b','腳本編程','http://www.fzitv.net');
cc.AddItem('b','素材','http://sc.jb51.net');
$("div").addClass("divwidth");
});
</script>

相關(guān)文章

最新評(píng)論

卓资县| 华亭县| 巴东县| 饶平县| 博乐市| 称多县| 潢川县| 朔州市| 昆明市| 垫江县| 临猗县| 泸定县| 马关县| 丹东市| 包头市| 鹤庆县| 区。| 富源县| 葵青区| 托里县| 青龙| 任丘市| 乡宁县| 新龙县| 永泰县| 集贤县| 剑河县| 广元市| 鲜城| 沙洋县| 秦皇岛市| 东港市| 南部县| 固安县| 兴国县| 叶城县| 武鸣县| 贵德县| 莱芜市| 汪清县| 兰溪市|