-
previousSibling,代表處于同一樹層級之前緊跟的元素,之后緊跟的元素屬性為nextSibling。注意,一定是同一樹層級。查看全部
-
jquery實現(xiàn)點擊按鈕展開與收起動畫: jquery:toggle()方法可以依次調(diào)用N個指定的函數(shù),直到最后一個函數(shù),然后重復對這個函數(shù)輪番調(diào)用。 語法: toggle(fn,fn2,[fn3,fn4...]),其中fn、fn2、fn3等函數(shù)依次調(diào)用。 js: $(document).ready(function(){ $("#strHref").toggle(function(){ $("#hpn").fadeIn(); $(this).text("收起-"); },function(){ $("#hpn").hide(1000); $(this).text("更多選項+"); }); });查看全部
-
使用javascript實現(xiàn)定時展開與收起: var h=0; //增加高度函數(shù)addH() function addh() { if(h<300){ h+=5; document.getElementById("pn").style.height=h+"px"; }else{ return; } setTimeout("addh()",50); } //網(wǎng)頁加載完畢時,調(diào)用增加高度函數(shù)addH(),等待5秒鐘后調(diào)用減少高度函數(shù)subh()。 window.onload=function fun(){ addh(); setTimeout("subh()",5000); } // 減少高度函數(shù)subH() function subh() { if(h>0){ h-=5; document.getElementById("pn").style.height=h+"px"; }else { document.getElementById("pn").style.dispaly="none"; return; } setTimeout("subh()",30); }查看全部
-
使用javascript實現(xiàn)點擊按鈕控制展開收起: getElementById()方法可返回對擁有指定Id的第一個對象的引用。 js: function showdiv() {//展開函數(shù) document.getElementById("hpn").style.display="block"; document.getElementById("strHref").innerHTML="收起"; document.getElementById("strHref").href="javascript:hidediv()"; } function hidediv() {//收起函數(shù) document.getElementById("hpn").style.display="none"; document.getElementById("strHref").innerHTML="展開"; document.getElementById("strHref").href="javascript:showdiv()"; } html: div id="hpn" > <p> 價格:5000元以上 4000-4999 3000元以下</p> <p> 特點:0元購機 防水 長待機</p> </div> <a href="javascript:showdiv()" id="strHref" class="btn-slide">展開</a>查看全部
-
$(function(){ $("#strHref").toggle(function(){ $(this).text("收起-"); $("#hpn").show(1000); },function(){ $(this).text("更多+"); $("#hpn").hide(1000); }); });查看全部
-
setTimeout("function()",30); -------------------------------每隔30毫秒,調(diào)用函數(shù)function()一次查看全部
-
注意:一、頁面延伸 二、將“更多”變?yōu)椤笆正R”查看全部
-
容器包含兩個內(nèi)容:一是:顯示選項的內(nèi)容;二是:隱藏選項的內(nèi)容 另外,更多選項/收起查看全部
-
mark查看全部
-
nextSibling 下一個兄弟節(jié)點 prevrousSibling 上一個兄第節(jié)點 parentNode 父節(jié)點 單擊時傳數(shù)值進來:onclick="showdiv(this)"; 瀏覽器兼容:在正文部分寫:if(y.nodeType != 1){y=y.nextSibling;}查看全部
-
mark;查看全部
-
mark查看全部
-
mark查看全部
-
容器包含兩個內(nèi)容:一是:顯示選項的內(nèi)容;二是:隱藏選項的內(nèi)容 另外,更多選項/收起查看全部
-
注意:一、頁面延伸 二、將“更多”變?yōu)椤笆正R”查看全部
舉報
0/150
提交
取消