-
getElementById style.display innerHTML href="javascript:hidediv()"查看全部
-
$(function(){ $('#strHref').on('click',function(){ $('#hpn').toggle(1000); }); }) ;查看全部
-
previousSibling，代表處于同一樹層級之前緊跟的元素，之后緊跟的元素屬性為nextSibling。注意，一定是同一樹層級查看全部
-
previousSibling，代表處于同一樹層級之前緊跟的元素，之后緊跟的元素屬性為nextSibling。注意，一定是同一樹層級查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>自動展開</title> <style type="text/css"> body{ margin:0px; padding:0px;} #pn{width:auto; background:#ccc; height:500px; text-align:center; margin:0px auto; line-height:100px; display:block; overflow:hidden;} p.slide{ width:900px; height:100px; text-align:center; background:#eeeeee; line-height:100px; margin:0px auto; } /*設(shè)置廣告和正文的CSS樣式*/ </style> <script type="text/javascript"> var w = 0; //增加廣告寬度函數(shù) function addw(){ if(w < 900){ w +=2;查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> body { margin: 0 auto; padding: 0px; } #pn { background: #e8e8e8; width: 600px; height: auto; margin: 0 auto; padding: 5px; font-size: 9pt; } .slide { margin: 0; padding: 0; width: 600px; border-top: solid 4px gray; margin: 0 auto; } .btn-slide { background: gray; text-decoration: none; text-align: center; width: 120px; height: 30px; padding: 10px 0 0 0; display: block; color: #FFF; margin: 0 auto; } </style>查看全部
-
jQuery中的toggle()方法查看全部
-
jQuery新版本變動 .toggle(function, function, … ) 方法刪除 這個方法綁定兩個或多個處理程序到匹配的元素，用來執(zhí)行交替的點(diǎn)擊事件。它不應(yīng)該被混同于顯示或隱藏匹配元素.toggle( )方法，因?yàn)樗鼪]有過時。前者被刪除，以減少混亂和提高模塊化程度。jQuery Migrate（遷移）插件可以恢復(fù)此功能。 自行擴(kuò)展原理：綁定點(diǎn)擊事件，參數(shù)調(diào)用由計(jì)數(shù)取模決定。支持引用jQuery-2.0版本以上。 $.fn.extend({ toggle: function () { var _arguments = arguments; for (var i=0; i<$(this).length; i++) { var count = 0; $(this).on("click",function () { _arguments[count % _arguments.length](); count++; }) } return $(this); } });查看全部
-
要在圖片加載完畢后改變其大小，應(yīng)用【圖片】的onload事件查看全部
-
//課后思考 window.onload = function(){ var as = document.getElementsByTagName("a"); for(var i = 0;i < as.length;i++){ if(as[i].innerHTML == "全文"){ as[i].onclick =function(){ showdiv(this);}} if (as[i].innerHTML == "收起全文") { as[i].onclick =function(){ hidediv(this);}}}} function showdiv(obj) { var contents = document.querySelectorAll(".content"); var titles = document.querySelectorAll(".zhaiyao"); for (var i = 0; i < contents.length; i++) { contents[i].style.display = "none"; }; for (var i = 0; i < titles.length; i++) { titles[i].style.display = "block";}; var y = obj.parentNode; y.style.display = "none"; var x = y.nextSibling; if(x.nodeType != 1){ x=x.nextSibling; } x.style.display = "block";} // 隱藏函數(shù) function hidediv(obj) { var x = obj.parentNode.parentNode; x.style.display = "none"; var y = x.previousSibling; if(y.nodeType != 1){ y=y.previousSibling;} y.style.display = "block";}查看全部
-
結(jié)構(gòu)圖查看全部
-
nextSibling和previousSibling是同一層級查看全部
-
判斷是否是節(jié)點(diǎn)元素。查看全部
-
nextSibling 返回某個元素之后緊跟的元素 previousSibling 返回某節(jié)點(diǎn)之前緊跟的節(jié)點(diǎn)查看全部
-
toggle 原來還可以這樣用，可以。查看全部
舉報(bào)
0/150
提交
取消