-
previousSibling,代表处于同一树层级之前紧跟的元素,之后紧跟的元素属性为nextSibling。注意,一定是同一树层级。查看全部
-
jquery实现点击按钮展开与收起动画: jquery:toggle()方法可以依次调用N个指定的函数,直到最后一个函数,然后重复对这个函数轮番调用。 语法: toggle(fn,fn2,[fn3,fn4...]),其中fn、fn2、fn3等函数依次调用。 js: $(document).ready(function(){ $("#strHref").toggle(function(){ $("#hpn").fadeIn(); $(this).text("收起-"); },function(){ $("#hpn").hide(1000); $(this).text("更多选项+"); }); });查看全部
-
使用javascript实现定时展开与收起: var h=0; //增加高度函数addH() function addh() { if(h<300){ h+=5; document.getElementById("pn").style.height=h+"px"; }else{ return; } setTimeout("addh()",50); } //网页加载完毕时,调用增加高度函数addH(),等待5秒钟后调用减少高度函数subh()。 window.onload=function fun(){ addh(); setTimeout("subh()",5000); } // 减少高度函数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实现点击按钮控制展开收起: getElementById()方法可返回对拥有指定Id的第一个对象的引用。 js: function showdiv() {//展开函数 document.getElementById("hpn").style.display="block"; document.getElementById("strHref").innerHTML="收起"; document.getElementById("strHref").href="javascript:hidediv()"; } function hidediv() {//收起函数 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毫秒,调用函数function()一次查看全部
-
注意:一、页面延伸 二、将“更多”变为“收齐”查看全部
-
容器包含两个内容:一是:显示选项的内容;二是:隐藏选项的内容 另外,更多选项/收起查看全部
-
mark查看全部
-
nextSibling 下一個兄弟節點 prevrousSibling 上一個兄第節點 parentNode 父節點 單擊時傳數值進來:onclick="showdiv(this)"; 瀏覽器兼容:在正文部分寫:if(y.nodeType != 1){y=y.nextSibling;}查看全部
-
mark;查看全部
-
mark查看全部
-
mark查看全部
-
容器包含两个内容:一是:显示选项的内容;二是:隐藏选项的内容 另外,更多选项/收起查看全部
-
注意:一、页面延伸 二、将“更多”变为“收齐”查看全部
举报
0/150
提交
取消