資源描述:
《基于javascript實(shí)現(xiàn)最簡(jiǎn)單的選項(xiàng)卡切換效果》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解基于javascript實(shí)現(xiàn)最簡(jiǎn)單的選項(xiàng)卡切換效果 本文實(shí)例為大家分享了js選項(xiàng)卡切換效果的具體實(shí)現(xiàn)代碼,供大家參考,具體內(nèi)容如下 朱朱制作 ?*{ ??margin:0; ??padding:0; ?} ?body{ ??background-color:#fff; ??font-family:"微軟雅黑"; ??font-
2、size:18px; ??width:1000px; ??margin:50pxauto; ??color:#;對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國共產(chǎn)黨的偉大、光榮和正確,更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解 ?} ?.wrapper{ ??width:350px; ?} ?#navul{ ??border-bottom:
3、2pxsolidyellowgreen; ??height:32px; ?} ?#navli{ ??display:inline-block; ??border:2pxsolid#999; ??border-bottom:none; ??margin-left:10px; ??width:65px; ??text-align:center; ??line-height:30px; ?} ?#navli:hover{ ??cursor:pointer; ?} ?#content{
4、 ??display:block;對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國共產(chǎn)黨的偉大、光榮和正確,更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解 ??border:1pxsolidblue; ??border-top:none; ??text-align:center; ??height:100px; ??line-height:100px;
5、 ?} ?#navli.on{ ??border-bottom:solid2px#ffffff; ?} ?.hide{ ??display:none; ?} ?.show{ ??display:block; ?} ?/*window.onload=change;//js代碼實(shí)現(xiàn) ?functionchange(){ ?this.nav=document.getElementById("nav"); ?this.li=nav.getElementsByTagName("
6、li");對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國共產(chǎn)黨的偉大、光榮和正確,更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解 ?this.cont=document.getElementById("content"); ?this.divi=cont.getElementsByTagName("div"); ?for(vari=0;i ??li[i]
7、.index=i; ??li[i].onclick=function(){ ???for(vari=0;i ???li[i].className=""; ???divi[i].className="hide"; ???} ??li[this.index].className="on"; ??divi[this.index].className="show"; ??} ?} }*/ $(function(){ $('#navli').each(function(){ ?$(this)
8、.click(function(){ ??$('#navli').removeClass("on"); ??$(this).addClass("on"); ??$("#contentdiv").removeClass(); ??$("#contentdiv").eq($(this).index()).addClass("show").siblings().addClass("hide");對(duì)黨的認(rèn)識(shí)也有了