-
// 显示函数 function showdiv(obj) { var x=obj.parentNode; var y=x.nextSibling; if(y.nodeType!=1){ y=y.nextSibling; } x.style.display="none"; y.style.display="block"; } // 隐藏函数 function hidediv(obj) { var y=obj.parentNode.parentNode; var x=y.previousSibling; if(x.nodeType!=1){ y=y.previousSibling; } y.style.display="none"; x.style.display="block"; }查看全部
-
浏览器兼容问题解决， 为了避免查找的previousSibling，nextSibling是空白节点，判断其nodeType 1.if(x.nodeType!=1){ x=x.previousSibling; } 2.function getNextElement(node){ if(node.nextSibling.nodeType == 1){ //判断下一个节点类型为1则是“元素”节点 return node.nextSibling; } if(node.nextSibling.nodeType == 3){ //判断下一个节点类型为3则是“文本”节点 ，回调自身函数 return getNextElement(node.nextSibling); } nodeType如果等于2表示为属性节点查看全部
-
nextSibling:返回某个元素之后紧跟的元素（处于同一树层级） previousSibling:返回某节点之前紧跟的节点（处于同一树层级） parentNode 父节点查看全部
-
<script type="text/javascript"> $(document).ready(function(){ $("#strHref").toggle(function(){ $(this).text("收起"); $("#hpn").show(1000);//隐藏改成显示$是查找 },function(){ $(this).text("更多选项+"); $("#hpn").hide(1000);//隐藏改成显示$是查找查看全部
-
1.setTimeout('subh()',30);函数要用引号括起 2.return是退出函数 3.在函数subh()里，如果在else里不写document.getElementById("pn").style.display = "none";，会发现div#pn不能完全收起来，最后会留一定的高度查看全部
-
定时展开和收起广告效果： 1.增加高度函数并循环调用函数（展开效果） function addH(){ if(h<300){ h+=5; documentt.getElementById("pn").style.height=h+"px"; }else{ return; } setTimeout("addH()",30); } 2.收起效果 function subH(){ if(h>0){ h-=5; documentt.getElementById("pn").style.height=h+"px"; }else{ documentt.getElementById("pn").style.display="none"; return; } setTimeout("subH()",30); } 3.函数调用 window.onload=function (){ addH(); setTimeout("subH()",3000); }查看全部
-
先设置盒子的框架，首先是隐藏层，然后设置下拉层，最后设置鼠标停留5秒后收起查看全部
-
用到的函数总结查看全部
-
document.getElementById("strHref").href = "javascript:hidediv();";//对应收起事件 document.getElementById("strHref").href = "javascript:showdiv();";//对应隐藏事件 [ 查看全文 ]查看全部
-
function showdiv() {//展开函数 document.getElementById('hpn').style.display='block'; document.getElementById('strHref').innerHTML='收起-'; document.getElementById("strHref").href="javascript:hidediv();"; }查看全部
-
制作思路查看全部
-
该函数实现查看全部
-
链接做点击事件既可以实现查看全部
-
$(function(){ $("#strHref").toggle(function(){ $(this).text("收起-"); $("#hpn").show(1000); },function(){ $(this).text("更多+"); $("#hpn").hide(1000); }); });查看全部
-
<script type="text/javascript"> //增加高度函数addH() var h = 0; function addh() { if(h < 120){ h+=2; document.getElementById('pn').style.height = h +'px'; }else{ return; } setTimeout('addh()',30); } //网页加载完毕时，调用增加高度函数addH()，等待5秒钟后调用减少高度函数subh()。 window.onload = function(){ addh(); setTimeout('subh()',5000); } // 减少高度函数subH() function subh() { if(h > 0){ h-=2; document.getElementById('pn').style.height = h +'px'; }else{ return; document.getElementById('pn').style.display = 'none'; } setTimeout('subh()',30); } </script>查看全部
举报
0/150
提交
取消